@charset "utf-8";
main:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
}
html[lang="en"] main section:not(.mv):not(.introBox):not(#gallery) > *:not(ul):not(figure){
	max-width:1050px;
	margin-left:auto;
	margin-right:auto;
}


/************************************
titleBlock
*************************************/
#titleBlock{
	margin: 0 0 10px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

#titleBlock > *{
	position: relative;
	z-index: 1;
}
section#titleBlock:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.25);
	z-index: 0;
}
#titleBlock h2{
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/************************************
content
*************************************/
#content{
	margin: 0 auto;
	color: #393939;
	line-height: 2.0;
	text-align: center;
}
#content h3{
	font-family:a-otf-midashi-go-mb31-pr6n, sans-serif;
	line-height: 1.6;
}
#content h3 strong{display: block;}
#content *+p{margin-top: 2rem;}
#content .red{color:#ff0000;}
#serviceOption #paidService{border-bottom:none;}	/*オプションブロック削除予定*/
#serviceOption .serviceList,
#serviceOption .serviceList li,
#serviceOption .serviceEtc,
#serviceOption .serviceEtc li{border-color: #000;}
#serviceOption #freeService li a:hover:before,
#serviceOption #paidService li a:hover:before{background:rgba(255,255,255,0.3);}
#location.squareList ul li a:hover figure img{transform:scale(1,1);}
#location.squareList ul li figure:after{
	top:initial;
	top:auto;
	bottom:0;
	transform:scale(1,0);
	transform-origin:center bottom;
}
body[data-active="workroom"] #location.squareList:not(.rentalLocations) ul li.akihabara figure:after{background-color:rgba(0,51,68,0.7);}
body[data-active="rentalspace"] #location.squareList:not(.rentalLocations) ul li.akihabara figure:after{background-color:rgba(66,84,74,0.7);}
#location.squareList:not(.rentalLocations) ul li.akihabara2 figure:after{background-color:rgba(26,208,193,0.7);}
#location.squareList:not(.rentalLocations) ul li.otemachi figure:after{background-color:rgba(215,196,71,0.7);}
#location.squareList:not(.rentalLocations) ul li.kawasaki figure:after{background-color:rgba(98,50,91,0.7);}
#location.squareList:not(.rentalLocations) ul li.kamikitazawa figure:after{background-color:rgba(22,108,44,0.7);}
#location.squareList:not(.rentalLocations) ul li.harajuku figure:after{background-color:rgba(235,82,58,0.7);}
#location.squareList:not(.rentalLocations) ul li.minamiaoyama figure:after{background-color:rgba(35,107,54,0.7);}
#location.squareList:not(.rentalLocations) ul li.hisayaodori figure:after{background-color:rgb(131,83,17,0.7);}
#location.squareList:not(.rentalLocations) ul li a:hover figure:after{transform:scale(1,1);}
#location.squareList:not(.rentalLocations) ul li span.more{
	padding:4px 30px 6px;
	line-height:1.0;
	border:1px solid #fff;
	border-radius:8px;
}
#location.squareList:not(.rentalLocations) ul li a:hover span.more{
	background-color:rgba(255,255,255,0.8);
	color:#000;
	text-decoration:none;
}
#location.squareList:not(.rentalLocations) ul li span.more:after{
	right:8px;
	top:4px;
}

#location.squareList .roomList .credit-txt{
	position: absolute;
    right: 5px;
    bottom: 1px;
	font-size: min(1.563vw, 1.2rem);
}

@media screen and (max-width:640px){
	#location.squareList .roomList .credit-txt{
		font-size: min(2.86vw, 1.2rem);
	}
}


/************************************
introBox
*************************************/
section.introBox{
	margin:0;
	background:#fff;
}
.introBox > *{display: block;}
.introBox .txtBox h3{line-height:1.72;}
.introBox .txtBox p{line-height:2.0;}


/************************************
mv
*************************************/
section.mv{text-align: center;}
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-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
section.mv figure a{
	display: block;
	position: relative;
}
section.mv[data-type="thin"] 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);
	transition:all 0.4s;
}
section#bnr-rentalspace figure a:after{background: rgba(0,0,0,0.3);}
section.mv figure a:hover:after,
section#bnr-rentalspace figure a:hover:after{background: rgba(0,0,0,0.5);}
section.mv div.txtBox p{
	display:block;
	text-align: center;
	color: #fff;
	font-weight:bold;
	opacity: 0;
}
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;
}
.incEnd section.mv div.txtBox > *:nth-child(1){animation:textDelay 0.8s ease 1s forwards normal;}
.incEnd section.mv div.txtBox > *:nth-child(2){animation:textDelay 0.8s ease 1.5s forwards normal;}
section.mv div.txtBox .big > span.icon{
	display: block;
	position: absolute;
	margin: 0;
}
section.mv div.txtBox .big > span.icon img{width:100%;}
section.mv .moreLink:after{
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	margin-left: 10px;
}


/************************************
about
*************************************/
main.about #titleBlock{background-image:url(/plans/img/mv-about.jpg);}
.about section[id^="content"] .txtBox{box-sizing: content-box;}
.about section[id^="content"] .txtBox > *{opacity:0;}
.about section[id^="content"] .txtBox h3{
	display: block;
	line-height: 1.6;
	color: #000;
	font-weight: bold;
	font-family:a-otf-midashi-go-mb31-pr6n, sans-serif;
}
.about section[id^="content"] .txtBox p{
	display: block;
	line-height:2;
	color: #414141;
}
.incEnd .about section[id^="content"].scrolls .txtBox >*:nth-child(1){animation:textDelay 0.8s ease 0.6s forwards normal;}
.incEnd .about section[id^="content"].scrolls .txtBox >*:nth-child(2){animation:textDelay 0.8s ease 1.0s forwards normal;}
.incEnd .about section[id^="content"].scrolls .txtBox >*:nth-child(3){animation:textDelay 0.8s ease 1.6s forwards normal;}
.about #content04{align-items:center;}
main.about i.bar{
	display:inline-block;
	width:10rem;
	border-bottom:1px solid #393939;
}


/************************************
member
*************************************/
main.member #titleBlock{background-image:url("/plans/img/mv-member.jpg");}
main.member section.memberType{
	color:#000;
	text-align: center;
}
main.member section#workRoom{background:#98acb4;}
main.member section#shareSpace{background:#ddd6cd;}
main.member section#rentalSpace{background:#bac0bd;}
main.member section.memberType h3{
	display: block;
	line-height: 1.0;
	vertical-align: middle;
}
main.member section.memberType h3 .alphB{
	display: inline-block;
	margin-right: 3px;
}
main.member section.memberType .aboutLink a{
	display: inline-block;
	vertical-align: middle;
}
main.member section.memberType .aboutLink a:after{
	display: inline-block;
	margin-left:5px;
	font-family: FontAwesome;
	content: "\f105";
	vertical-align:0px;
}
main.member section.memberType figure{
	display: block;
	width: 100%;
	vertical-align: top;
}


/************************************
workroom
*************************************/
main.workroom{background:#bdccd2;}
main.workroom #titleBlock{background-image:url(/plans/img/mv-workroom.jpg);}
main.workroom section h3.subTitle,
main.share section h3.subTitle,
main.rentalspace section h3.subTitle{color: #000;}
main.workroom section h3.subTitle+p{
	display: block;
	line-height: 1.6;
	text-align: center;
}
main.workroom #serviceOption h4{background:#2d2726;} /*オプションブロック削除予定*/
main.workroom #location,
main.share #price{
	color: #000;
	text-align: center;
}
main.workroom #location{background:#98acb4;}
main.workroom #nakama{background:#fff;}
main.workroom #nakama a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #000;
	line-height: 1.0;
}
main.workroom #nakama a:hover{text-decoration: none;}
main.workroom #nakama a > *{
	display: block;
	margin: 0 auto;
}
main.workroom #nakama a figure{position: relative;}
main.workroom #nakama a figure span{
	display: block;
	width: 100%;
	transition: all 0.4s;
}
main.workroom #nakama a figure span.hover{
	position: absolute;
	top: 0;
	left: 0;
}
main.workroom #nakama a figure span.normal,
main.workroom #nakama a:hover figure span.hover{opacity: 1;}
main.workroom #nakama a:hover figure span.normal,
main.workroom #nakama a figure span.hover{opacity: 0;}
main.workroom #nakama a:hover figure img{opacity: 1;}
main.workroom #nakama a .hoverTxt{
	display: block;
	opacity: 0;
	font-weight: bold;
	transition:all 0.4s;
}
main.workroom #nakama a:hover .hoverTxt{opacity: 1;}
main.workroom #qaBnr{background:#3e6674;}

main.workroom #content .list.kome{
	text-align: left;
	width: auto;
	margin: 15px auto;
	display: inline-block;
}

main.workroom #content .list.kome li{
	text-align: left;
	line-height: 1.5;
	font-size: 1.4rem;
}

/************************************
share
*************************************/
main.share{background:#ede9e4;}
main.share #titleBlock{background-image:url(/plans/img/mv-share.jpg);}
main.share #content p.red{font-size: 1.8rem;}
main.share #price,
main.share #location,
main.share #shareLinks,
main.share #flow{background:#ddd6cd;}
main.share #price .admissionFee{
	display: block;
	text-align:center;
	font-weight: bold;
}
main.share #price .admissionFee > *{
	display:inline-block;
	margin:0 8px;
	vertical-align: middle;
}
main.share #price .admissionFee dd{margin-left: 20px;}
main.share #price .admissionFee dd i.red{
	font-style: normal;
	color: #d42924;
}
main.share #price .admissionFee dd.note{
	display:block;
	margin-top:6px;
}
main.share #price .admissionFee dd.note:before{content:"※";}
main.share #price .priceList{
	border-top: 1px solid #000;
	border-bottom:1px solid #000;
	font-weight: bold;
}
main.share #price .priceList li{
	display: block;
	text-align: center;
	line-height: 1.0;
}

main.share #price .priceList li span{display: block;}
main.share #price .priceList li span.fee .red{
	font-style: normal;
	color: #d42924;
}
main.share #price .priceList li span.locName{border-bottom:1px dotted #9a958f;}
main.share #price .priceList li span.locName i {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	margin-top: 10px;
	color: #007bff;
}
main.share #price .priceList li span.locName i.red {
	color: #d42924;
}

main.share #price .priceList li span.locName i.black {
	color: #000000;
}
main.share #price .priceList li span.fee .note{
	display: block;
	margin-top: 16px;
	color:#d42924;
}
main.share #price .popFee{
	position: relative;
	display: inline-block;
	border-radius:8px;
	background:#fff;
	line-height: 1.2;
	color: #d42924;
}
main.share #price p.popFee:before{
	content: "";
	position: absolute;
	top:-9px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -4px;
	border-style: solid;
	border-width: 0 7px 9px 7px;
	border-color: transparent transparent #ffffff transparent;
}
main.share #price h4+ul{display: inline-block; max-width: 1000px ;}
main.share #price h4+ul li{
	position:relative;
	padding-left:16px;
	text-align: left;
}
main.share #price h4+ul li:before{
	content: "・";
	position:absolute;
	top:0;
	left:0;
}
main.share section#serviceOption h3.subTitle+p{line-height: 2.0;}
main.share #shareLinks ul li{
	display: block;
	background:#2d2726;
	color: #fff;
}
main.share #shareLinks ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	transition: all 0.4s;
}
main.share #shareLinks ul li a:hover{
	opacity: 0.8;
	text-decoration: none;
}
#lightcase-case .lightcase-contentInner{text-align: center;}
#lightcase-case .lightcase-contentInner img{margin: 0 auto;}
html:not([data-lc-type=error]) body[data-active="workroom"] #lightcase-content,
html:not([data-lc-type=error]) body[data-active="share"] #lightcase-content,
html:not([data-lc-type=error]) body[data-active="rentalspace"] #lightcase-content{background-color:transparent;}
html:not([data-lc-type=error]) body[data-active="workroom"] #lightcase-case,
html:not([data-lc-type=error]) body[data-active="share"] #lightcase-case,
html:not([data-lc-type=error]) body[data-active="rentalspace"] #lightcase-case{
	width:80vw!important;
	max-width:960px!important;
}
html:not([data-lc-type=error]) body[data-active="workroom"] #lightcase-case .lightcase-contentInner,
html:not([data-lc-type=error]) body[data-active="workroom"] #lightcase-case .lightcase-inlineWrap,
html:not([data-lc-type=error]) body[data-active="share"] #lightcase-case .lightcase-contentInner,
html:not([data-lc-type=error]) body[data-active="share"] #lightcase-case .lightcase-inlineWrap,
html:not([data-lc-type=error]) body[data-active="rentalspace"] #lightcase-case .lightcase-contentInner,
html:not([data-lc-type=error]) body[data-active="rentalspace"] #lightcase-case .lightcase-inlineWrap{
	max-width:100%!important;
	max-height: 100%!important;
	width:100%!important;
	height: 100%!important;
	padding: 0;
	background-color: transparent;
}

main.share #qaBnr{background:#8f7d68;}


/************************************
rentalspace
*************************************/
main.rentalspace{background:#d1dad6;}
main.rentalspace #titleBlock{background-image:url(/plans/img/mv-rentalspace_2.jpg);}

main.rentalspace #choose ul li a.roomLink >p.moreLink:after,
main.rentalspace #choose ul li a.reserve span:after,
main.rentalspace #location .roomList ul.selectRoomLink li a span:after{
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	margin-left: 10px;
}
main.rentalspace #location{
	background:#bac0bd;
	text-align: center;
	color:#000;
}
main.rentalspace #location .roomList > li .detail .linkInner .jpName{margin-bottom: 0;}
main.rentalspace #location .roomList ul.selectRoomLink{
	position:absolute;
	bottom: 0;
	left: 0;
	padding:0;
	width: 100%;
	display:flex;
}
main.rentalspace #location .roomList ul.selectRoomLink li{
	width:50%;
	flex-grow:1;
	align-self:stretch;
	vertical-align: middle;
}
main.rentalspace #location .roomList ul.selectRoomLink li{margin:0;}
main.rentalspace #location .roomList ul.selectRoomLink li a{display: block;}
main.rentalspace #location .roomList ul.selectRoomLink li a:hover{text-decoration: none;}
main.rentalspace #location .roomList ul.selectRoomLink li a:before{transition:all 0.4s;}
main.rentalspace #location .roomList ul.selectRoomLink li a span{
	display: block;
	position:relative;
	z-index:1;
}
main.rentalspace #location .roomList ul.selectRoomLink li[data-type="styleroom"] a:before{background:rgba(20,68,98,0.8);}
main.rentalspace #location .roomList ul.selectRoomLink li[data-type="styleroom"] a:hover:before{background:rgba(8,50,76,0.8);}
main.rentalspace #location .roomList ul.selectRoomLink li[data-type="lounge"] a:before{background:rgba(37,91,89,0.8);}
main.rentalspace #location .roomList ul.selectRoomLink li[data-type="lounge"] a:hover:before{background:rgba(20,67,65,0.8);}
main.rentalspace #qaBnr{background:#386563;}


/************************************
rentalspace sub
*************************************/
main.rentalspace section#subTitleBlock{
	display: block;
	margin:-10px 0 0;
	text-align:center;
	color:#fff;
}
main.plansStyleroom section#subTitleBlock{background:#2a526b;}
main.plansLounge section#subTitleBlock{background:#386563;}


/************************************
cancelRateTbl
*************************************/
.cancelRateTbl{
	margin:12px 0;
	border-collapse: collapse;
}
.cancelRateTbl tr{
	border-top:1px dashed #a6b1b7;
	border-bottom:1px dashed #a6b1b7;
}
.cancelRateTbl td,
.cancelRateTbl th{
	font-weight: normal;
	padding:2px 10px;
}
/*
section#intro02 .corona-text{
	margin-top: 10px;
	text-align: right;
}
*/
@media screen and (min-width:1320px){
	/************************************
	about
	*************************************/
	.about section[id^="content"]{margin: 10px auto;}
	.about #content01{padding-top: 100px;}
	.about #content02{margin-top: 50px;}
	.about #content03{margin-top:-25px;}
	.about #content04{
		margin-top:-160px;
		padding-bottom:100px;
	}
	.about #content01 figure,
	.about #content02 figure{width: 630px;}
	.about #content01 .txtBox{
		width: 586px;
		padding-top: 50px;
	}
	.about #content02 .txtBox{
		width:440px;
		padding:50px 0 0 120px;
	}
	.about #content03 figure{width:400px;}
	.about #content03 .txtBox{
		width:815px;
		padding-top:135px;
	}
	.about #content03 figure{width:400px;}
	.about #content03 .txtBox{
		width:815px;
		padding-top:135px;
	}
	
	/************************************
	rentalspace
	*************************************/
}
@media screen and (max-width:1319px) and (min-width:769px){
	/************************************
	about
	*************************************/
	.about section[id^="content"]{align-items: center;}
	.about #content01{padding-top:10vw;}
	.about #content02{margin-top:5vw;}
	.about #content04{padding-bottom:10vw;}
	.about #content01 figure,
	.about #content02 figure{width:48.46%;}
	.about #content01 .txtBox{width:45%;}
	.about #content02 .txtBox{width:43%;}
	.about #content03 figure,
	.about #content04 figure{width:30.76%;}
	.about #content03 .txtBox{
		width:62.7%;
		padding-top:2vw;
	}
	.about #content04 .txtBox{width:62.7%;}

	/************************************
	rentalspace
	*************************************/
}
@media screen and (min-width:1081px){
	/************************************
	content
	*************************************/
	#content{padding: 60px 0;}
	#content h3{margin-bottom: 60px;}
	#location.squareList:not(.rentalLocations) ul li .enName,
	#location.squareList:not(.rentalLocations) ul li.soon span.more{font-size:2.6rem;}


	/************************************
	introBox
	*************************************/
	#intro01 .txtBox{padding:0 88px 0 110px;}
	#intro02 .txtBox{padding:0 110px 0 88px;}
	.introBox .txtBox h3{
		margin-bottom:14px;
		font-size:2.5rem;
	}
	.introBox .txtBox p{font-size:1.5rem;}


	/************************************
	mv
	*************************************/
	section.mv div.txtBox .big > span{font-size:2.2rem;}
	section.mv .txtBox span.icon{
		right: -110px;
		bottom: -52px;
	}
	
	
	/************************************
	member
	*************************************/
	main.member section.memberType{padding-top: 100px;}
	main.member section.memberType h3{
		margin-bottom: 24px;
		font-size: 3.2rem;
	}
	main.member section.memberType h3 .alphB{
		font-size: 3.6rem;
		vertical-align: -1px;
	}
	main.member section.memberType p{
		font-size:1.6rem;
		line-height:2.0;
	}
	main.member section.memberType *+p{margin-top:20px;}
	main.member section.memberType figure{margin-top: 85px;}


	/************************************
	rentalspace
	*************************************/
	main.rentalspace #location .roomList > li .detail .linkInner{padding-bottom:53px;}
	main.rentalspace #location .roomList ul.selectRoomLink li{font-size:1.4rem;}
	main.rentalspace #location .roomList ul.selectRoomLink li a{padding:16px 0;}
}
@media screen and (max-width:1080px){
	
	/************************************
	member
	*************************************/
	main.member section.memberType{padding-top:50px;}
	main.member section.memberType h3,
	main.member section.memberType p{
		width:90%;
		margin: 0 auto;
	}
	main.member section.memberType h3{
		margin-bottom:12px;
		font-size: 2.2rem;
	}
	main.member section.memberType h3 .alphB{
		font-size:2.6rem;
		vertical-align: -1px;
	}
	main.member section.memberType p{
		font-size:1.4rem;
		line-height:2.0;
	}
	main.member section.memberType *+p{margin-top:12px;}
	main.member section.memberType figure{margin-top:40px;}
}
@media screen and (min-width:769px) and (max-width:1080px){
	#intro01 .txtBox,
	#intro02 .txtBox{padding:0 16px;}
	.introBox .txtBox h3{
		margin-bottom:10px;
		font-size:2.2rem;
	}
	.introBox .txtBox p{font-size:1.4rem;}
	section.mv div.txtBox .big > span{font-size:1.8rem;}
	section.mv .txtBox span.icon{
		width:90px;
		right: -75px;
		bottom: -34px;
	}


	/************************************
	content
	*************************************/
	#content{padding:5vw 0;}
	#location.squareList:not(.rentalLocations) ul li{width:calc(50% - 9px);}


	/************************************
	rentalspace
	*************************************/
	main.rentalspace #location .roomList > li .detail .linkInner{padding-bottom:42px;}
	main.rentalspace #location .roomList ul.selectRoomLink li{font-size:1.2rem;}
	main.rentalspace #location .roomList ul.selectRoomLink li a{padding:12px 0;}
}
@media screen and (min-width:769px){
	/************************************
	content
	*************************************/
	#content{
		width:100%;
		font-size: 1.6rem;
	}
	#content h3{
		margin-bottom:5vw;
		font-size: 3.77rem;
	}
	#content h3 strong{font-size: 4.4rem;}
	.squareList.roomLocation ul[data-int="2"]{justify-content: center;}
	.squareList.roomLocation ul[data-int="2"] li{margin: 0 10px;}
	section#location.squareList.roomLocation:not(.rentalLocations) ul.roomList > li:nth-last-child(-n+3){margin-bottom:10px;}


	/************************************
	introBox
	*************************************/
	section.introBox{
		display:flex;
		align-items:center;
		padding:48px 10px;
	}
	section#intro02{
		flex-direction:row-reverse;
		margin-top:-26px;
	}
	
	.introBox > *{
		display: block;
		width:50%;
	}


	/************************************
	mv
	*************************************/
	section.mv div.txtBox .big > strong{font-size:4.3rem;}
	section.mv div.txtBox .big > span{margin-top: 50px;}
	section.mv[data-type="thin"] a:before{height:336px;}
	section.mv[data-type="thin"]#bnr-rentalspace a:before{height:420px;}
	section.mv#mv-share figure{background-image:url(/index/img/mv-20190401b.jpg);}
	section.mv#bnr-rentalspace figure{background-image:url(/plans/img/bnr-rentalspace.jpg);}


	/************************************
	about
	*************************************/
	.about section[id^="content"]{
		display: flex;
		justify-content:space-between;
		max-width: 1300px;
	}
	.about section[id^="content"][data-direction="right"]{flex-direction:row-reverse;}
	.about section[id^="content"] .txtBox h3{font-size:2.8rem;}
	.about section#content04 .txtBox h3{font-size:3.6rem;}
	.about section[id^="content"] .txtBox p{font-size:1.6rem;}
	.about section[id^="content"] .txtBox *+h3{margin-top:76px;}
	.about section[id^="content"] .txtBox *+p{margin-top:36px;}
	
	/************************************
	workroom
	*************************************/
	main.workroom section h3.subTitle,
	main.share section h3.subTitle,
	main.rentalspace section h3.subTitle{margin-bottom:30px;}
	main.workroom section h3.subTitle+p,
	main.rentalspace section h3.subTitle+p{
		margin-bottom: 80px;
		font-size: 1.7rem;
		text-align: center;
	}
	main.share section h3.subTitle+p{
		margin-bottom: 60px;
		font-size: 1.7rem;
		text-align: center;
	}
	main.workroom #location{padding:100px 0 0;}
	main.workroom #nakama a{padding:40px 0;}
	main.workroom #nakama a figure{width:372px;}
	main.workroom #nakama a span.alphB{
		margin-top:28px;
		font-size:2.0rem;
	}
	main.workroom #nakama a .hoverTxt{
		margin-top:16px;
		font-size: 1.4rem;
	}
	main.share section h3.subTitle#desk+p{margin-bottom:40px;}
	main.workroom #nakama a .hoverTxt{
		margin-top:12px;
		font-size: 1.5rem;
	}

	
	
	/************************************
	share
	*************************************/
	main.share #content{max-width: 100%;}
	main.share #price{padding:100px 0;}
 	main.share #price p.admissionFee{font-size: 2.0rem;}
	main.share #price .admissionFee dt{font-size: 2.0rem;}
	main.share #price .admissionFee dd{font-size: 3.6rem;}
	main.share #price .admissionFee dd small{font-size:2.0rem;}
	main.share #price .admissionFee dd.note{font-size: 1.4rem;}
	main.share #price .priceList,
	main.share #price .droppinList{
		width:780px;
		padding:40px 0 50px;
		margin:24px auto;
		display: flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	main.share #price .priceList li{
		display: block;
		width:220px;
		margin:0 16px;
	}
	main.share #price .priceList li:nth-child(n+4){
		margin-top:48px;
	}
 main.share #price .priceList li:nth-child(-n+3){ padding-bottom: 8px ;}
	main.share #price .priceList li span.locName{
		padding-bottom: 24px;
		margin-bottom: 20px;
		font-size: 1.8rem;
	}
	main.share #price .priceList li span.fee{font-size: 2.8rem;}
	main.share #price .priceList li span.fee .red{font-size:3.6rem;}
	main.share #price .priceList li span.fee small{font-size: 1.6rem;}
	main.share #price .priceList li span.fee small:first-child{margin-right: 20px;}
	main.share #price .priceList li span.fee .note{font-size: 1.2rem;}
	main.share #price .popFee{
		padding: 18px 30px;
		margin-top: 24px;
		font-size: 1.5rem;
	}
	main.share #price h4{
		margin:36px auto 16px;
		font-size: 1.8rem;
	}
	main.share #location{padding:100px 0 0;}
	main.share #shareLinks{padding:60px 0;}
	main.share #shareLinks ul{
		display:flex;
		justify-content:space-around;
	}
	main.share #shareLinks ul li{
		width:40%;
		padding: 60px 0;
		font-size: 2.4rem;
	}
	#shareContactnavi li{width:calc(50% - 10px);}
	#shareContactnavi li h3{
		margin-bottom:24px;
		font-size: 2.4rem;
	}
	#shareContactnavi li p{font-size: 1.8rem;}
	#shareContactnavi li p+p{margin-top:36px;}
	#shareContactnavi li a.more{font-size: 2.2rem;}
	
	
	/************************************
	rentalspace
	*************************************/
	main.rentalspace #location{padding:70px 0 0;}
	main.rentalspace #location h3{
		font-size: 2.8rem;
	}
	main.rentalspace #location h3+.lead{
		margin: 20px auto 40px;
		font-size: 1.8rem;
	}
	
	
	/************************************
	rentalspace sub
	*************************************/
	main.rentalspace section#subTitleBlock{padding:50px 0;}
	main.rentalspace section#subTitleBlock h3{font-size:2.2rem;}
}
@media (max-width:768px){
	/************************************
	content
	*************************************/
	#content{
		padding:8vw 2vw;
		font-size: 1.4rem;
	}
	#content h3{
		margin-bottom:8vw;
		font-size: 3.2rem;
	}
	#content h3 strong{font-size: 3.6rem;}
	section#intro02 .corona-text{
		text-align: left;
	}

	/************************************
	introBox
	*************************************/
	section.introBox{padding:8vw 10px;}
	section#intro02{margin-top:-3vw;}
	.introBox .txtBox{margin:16px auto 0;}
	.introBox .txtBox h3{
		margin-bottom:10px;
		font-size:1.8rem;
	}
	.introBox .txtBox p{font-size:1.3rem;}
	
	
	/************************************
	mv
	*************************************/
	section.mv[data-type="thin"] a:before{height: 384px;}
	section.mv div.txtBox .big{margin-bottom:4vw;}
	section.mv div.txtBox .big > strong{
		font-size:3.4rem;
		line-height: 1.2;
	}
	section.mv div.txtBox .big > span{
		margin-top: 5%;
		font-size: 1.4rem;
	}
	section.mv#mv-share figure{background-image:url(/index/img/mv-20190401b-sp.jpg);}
	section.mv#bnr-rentalspace figure{background-image:url(/plans/img/bnr-rentalspace-sp.jpg);}
	section.mv .txtBox span.icon{
		width:70px;
		right: 6px;
		bottom: -42px;
	}



	
	/************************************
	about
	*************************************/
	.about section#content01{padding-top: 10vw;}
	.about section#content04{padding-bottom: 10vw;}
	.about section#content03 figure,
	.about section#content04 figure{
		width: 60%;
		margin: 0 auto;
	}
	.about section[id^="content"] .txtBox{
		margin:4vw auto 6vw;
		text-align: center;
	}
	.about section[id^="content"] .txtBox h3{font-size:2.1rem;}
	.about section#content04 .txtBox h3{font-size:2.7rem;}
	.about section[id^="content"] .txtBox p{font-size:1.3rem;}
	.about section[id^="content"] .txtBox *+h3{margin-top:7vw;}
	.about section[id^="content"] .txtBox *+p{margin-top:4vw;}


	/************************************
	workroom
	*************************************/
	main.workroom section h3.subTitle,
	main.share section h3.subTitle,
	main.rentalspace section h3.subTitle{margin-bottom:16px;}
	main.workroom section h3.subTitle+p,
	main.share section h3.subTitle+p{
		margin-bottom:50px;
		font-size: 1.4rem;
		text-align: center;
	}
	main.workroom #location{padding:50px 0 0;}
	main.workroom #nakama a{padding:4.6vw 0;}
	main.workroom #nakama a figure{width:186px;}
	main.workroom #nakama a span.alphB{
		margin-top:18px;
		font-size: 1.8rem;
	}
	/************************************
	share
	*************************************/
	main.share #price{padding:50px 0;}
	main.share #location{padding:50px 0 0;}
	main.share #price .admissionFee dt{font-size:1.6rem;}
	main.share #price .admissionFee dd{font-size:2.4rem;}
	main.share #price .admissionFee dd.note,
	main.share #price .admissionFee dd small{font-size:1.4rem;}
	main.share #price .priceList,
	main.share #price .droppinList{
		width:70%;
		padding:30px 0;
		margin:30px auto;
		display: block;
	}
	main.share #price .priceList li:nth-child(n+2){
		margin-top:30px;
		padding-top:30px;
		border-top: 1px solid #000;
	}
	main.share #price .priceList li span.locName{
		padding-bottom:16px;
		margin-bottom:16px;
		font-size: 1.6rem;
	}
	main.share #price .priceList li span.fee{font-size:2.4rem;}
	main.share #price .priceList li span.fee .red{font-size:3.0rem;}
	main.share #price .priceList li span.fee small{font-size:1.6rem;}
	main.share #price .priceList li span.fee small:first-child{margin-right:10px;}
	main.share #price .priceList li span.fee .note{font-size: 1.2rem;}
	main.share #price .popFee{
		padding:12px 20px;
		margin-top:16px;
		font-size: 1.4rem;
	}
	main.share #price h4{
		margin:24px auto 12px;
		font-size:1.6rem;
	}
	main.share #price h4+ul{width:80%;}
	main.share #shareLinks{padding: 40px 0;}
	main.share #shareLinks ul{
		display:block;
		text-align: center;
	}
	main.share #shareLinks ul li{
		width:80%;
		margin: 0 auto;
		padding:40px 0;
		font-size:2.1rem;
	}
	main.share #shareLinks ul li+li{margin-top: 10px;}
	html:not([data-lc-type=error]) body[data-active="share"] #lightcase-case{
		width:90%!important;
		height:80%!important;
		left: 5%!important;
		top:10%!important;
		margin: 0!important;
	}
	html[data-lc-type=ajax] #lightcase-case,
	html[data-lc-type=inline] #lightcase-case{padding: 0;}
	#shareContactnavi li{width:100%;}
	#shareContactnavi li+li{margin-top: 10px;}
	#shareContactnavi li h3{
		margin-bottom:18px;
		font-size: 2.0rem;
	}
	#shareContactnavi li p{font-size:1.5rem;}
	#shareContactnavi li p+p{margin-top:24px;}
	#shareContactnavi li a.more{font-size:1.8rem;}


	/************************************
	rentalspace
	*************************************/
	main.rentalspace #location{padding:30px 0 0;}
	main.rentalspace #location h3{font-size: 2.1rem;}
	main.rentalspace #location h3+.lead{
		margin:12px auto 24px;
		font-size: 1.4rem;
	}
	main.rentalspace #location .roomList > li .detail .linkInner{padding-bottom:calc(4vw + 1.3rem);}
	main.rentalspace #location .roomList ul.selectRoomLink li{font-size:1.3rem;}
	main.rentalspace #location .roomList ul.selectRoomLink li a{padding:2vw 0;}
	
	
	/************************************
	rentalspace sub
	*************************************/
	main.rentalspace section#subTitleBlock{padding:6vw 0;}
	main.rentalspace section#subTitleBlock h3{font-size:1.7rem;}


	/************************************
	member
	*************************************/
	main.member section.memberType figure{
		overflow: hidden;
		position: relative;
	}
	main.member section.memberType figure img{
		width:150%;
		margin:0 -25%;
	}
}
@media screen and (max-width: 640px){
	html[data-lc-type=ajax] #lightcase-case,
	html[data-lc-type=inline] #lightcase-case{
		left:10vw!important;
		top:5vw!important;
	}
	#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next,
	#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev{bottom:calc(50vh - 9px);}
	#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next{right:3vw;}
	#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev{left:3vw;}
}
@media (max-width:480px){
}


/****************************************************************************/

/************************************
choose
*************************************/
main.rentalspace #choose{
	background:#363837;
	margin:10px 0;
	padding:10px;
	color:#fff;
}
main.rentalspace #choose h3.subTitle{color:#fff;}
main.rentalspace #choose h3.subTitle+p{text-align: center;}
main.rentalspace #choose ul li{display: block;}
main.rentalspace #choose ul li a{
	display: block;
	position: relative;
	color:#fff;
	text-align: center;
}
main.rentalspace #choose ul li a:hover{text-decoration: none;}
main.rentalspace #choose ul li a.roomLink{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
main.rentalspace #choose ul li[data-type="styleroom"] a.roomLink{background-image:url("/plans/img/choose-styleroom-fg.jpg");}
main.rentalspace #choose ul li[data-type="lounge"] a.roomLink{background-image:url("/plans/img/choose-lounge-fg.jpg");}
main.rentalspace #choose ul li a.roomLink > *{
	display: block;
	position: relative;
	z-index: 1;
}
main.rentalspace #choose ul li a.roomLink:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:0;
	background:rgba(0,0,0,0.5);
	opacity: 0;
	transition:all 0.4s;
}
main.rentalspace #choose ul li a.roomLink:hover:after{opacity:1;}
main.rentalspace #choose ul li a.roomLink h4,
main.rentalspace #choose ul li a.roomLink p.moreLink{line-height:1.0;}
main.rentalspace #choose ul li a.roomLink p.moreLink{
	display: inline-block;
	min-width: 230px;
	padding:10px;
	border:1px solid #fff;
	border-radius:5px;
	transition:all 0.4s;
}
main.rentalspace #choose ul li a.roomLink:hover p.moreLink{
	background-color:rgba(255,255,255,0.8);
	border-color:#000;
	color:#000;
}


/************************************
flow
*************************************/
section#flow{text-align: center;}
section#flow h3+p{line-height:1.625;}
section#flow h3+p a {
	color: #3e6674;
}
section#flow .paraList li{
	display:inline-block;
	vertical-align: top;
}
section#flow .flowChart,
section#flow .flowType{
	width:96%;
	max-width:1050px;
	margin: 0 auto;
}
section#flow .flowType .flowChart{width:100%;}
section#flow .flowType h4{
	display:block;
	position:relative;
}
section#flow .flowType h4:before{
	content: "";
	display: block;
	width:100%;
	height: 1px;
	position: absolute;
	top:50%;
	left: 0;
	background:#000;
}
section#flow .flowType h4 span{
	display: inline-block;
	position: relative;
	padding:0 16px;
	margin: 0 auto;
	background:#ddd6cc;
}
section#flow .flowType[data-case="corp"] h4{color:#625e35;}
section#flow .flowType[data-case="corp"] h4:before{background:#625e35;}
section#flow .flowChart > li{
	position: relative;
	background-color:#fff;
}
section#flow .flowChart > li:before{
	content: "";
	display: block;
	width: 100%;
	height:1px;
}
section#flow .flowChart > li+li:after{
	content: "";
	display: block;
	position: absolute;
	background:url("../img/arrow.svg") no-repeat center top;
	background-size: contain;
}
section#flow .flowChart li h4,
section#flow .flowChart li h5{
	display: block;
	border-radius:5px;
	margin:9px 10px 0;
	background-color: #2d2825;
	color: #fff;
	line-height: 1.0;
	vertical-align: middle;
}
.plansStyleroom section#flow .flowChart li h4{background-color:#2a526b;}
.plansLounge section#flow .flowChart li h4{background-color:#386563;}
.workroom section#flow .flowChart li h4{background-color:#3e6674;}

section#flow .flowChart > li h4.sm,
section#flow .flowChart > li h5.sm{line-height:1.4;}
section#flow .flowChart > li h4 small,
section#flow .flowChart > li h5 small{display: inline-block;}
section#flow .flowType[data-case="corp"] .flowChart > li h5{background:#625e35;}
section#flow .flowChart > li .flowBox{background:#fff; }
section#flow .flowChart > li .flowBox .paraList li{margin:0 12px;}
section#flow .flowChart > li .flowBox .paraList li span{
	display:inline-block;
	margin-right:3px;
}
section#flow .flowChart > li .flowBox dt{border-bottom:1px solid #000;}
section#flow .flowChart > li .flowBox dl.noLine dt{border-bottom:none;}
section#flow .flowCaut{
	width:96%;
	max-width:1050px;
	margin: 0 auto;
	text-align: left;
}
section#flow .flowType .flowCaut{width:100%;}
section#flow .flowCaut dt{
	display: block;
	border-bottom:1px dashed #848e93;
}
			section#flow .flowCaut table{
   margin-bottom: 20px ;
}
 			section#flow .flowCaut .big{
     font-size: 120% ;

}
				section#flow .flowCaut table td{
    border: 1px solid #000 ;
    padding: 5px 8px;
}
			section#flow .flowCaut table th{
    border: 1px solid #000 ;
    padding: 5px 8px;
    font-weight: bold ;}

 			section#flow .flowCaut table th.w40{
     width: 30% ;
    ;}
section#flow .flowCaut dd{
	display:block;
	line-height:1.8;
}
section#flow .flowCaut dd .note{
	display: block;
	padding-left:2.5rem;
	text-indent:-2.5rem;
}
section#flow .flowCaut .paraList li{margin-right:1rem;}

main.share #flow .flowChart > li .flowBox{text-align: left;}
section#flow .flowCaut dd ul{padding-left:20px;}
section#flow .flowCaut dd ul li{list-style:disc;}

main.rentalspace #flow .flowChart > li .flowBox *+.note{margin-top:10px;}
main.rentalspace #flow .flowChart > li .flowBox ol{margin:10px auto;}
@media screen and (min-width:769px){
	/************************************
	flow
	*************************************/
	section#flow{padding:80px 0;}
	section#flow h3+p{
		margin:38px auto 58px;
		font-size:1.6rem;
	}
	section#flow .flowType h4{
		margin-bottom:36px;
		font-size:3.6rem;
	}
	section#flow .flowChart > li+li{margin-top:60px;}
	section#flow .flowChart > li+li:after{
		width:30px;
		height:16px;
		top:-38px;
		left:calc(50% - 15px);
	}
	section#flow .flowChart > li h4,
	section#flow .flowChart > li h5{
		padding:20px 10px;
		font-size:2.2rem;
	}
	section#flow .flowChart > li h4.sm,
	section#flow .flowChart > li h5.sm{font-size:2.2rem;}
	section#flow .flowChart > li h4 small,
	section#flow .flowChart > li h5 small{
		margin-left:12px;
		vertical-align: 4px;
		font-size:1.4rem;
	}
	section#flow .flowChart > li h4.sm small,
	section#flow .flowChart > li h5.sm small{
		display: block;
		margin:0 0 4px;
		font-size: 1.8rem;
	}
	section#flow .flowChart > li .flowBox{font-size: 1.6rem;}
	section#flow .flowChart > li .flowBox .paraList li{
		margin-bottom:10px;
		font-size:2.0rem;
	}
	section#flow .flowChart > li .flowBox dl{
		margin:40px 70px 0;
		display: inline-block;
	}
	main.share section#flow .flowChart > li .flowBox dl.noLine{margin:40px 0 0;}
	section#flow .flowChart > li .flowBox dt{
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:2.0rem;
	}
	section#flow .flowChart > li .flowBox dd+dt{margin-top:24px;}
	section#flow .flowChart > li .flowBox dl.noLine dt{padding-bottom:0;}
	section#flow .flowCaut{margin-top:46px;}
	section#flow .flowCaut dt{
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:1.8rem;
	}
	section#flow .flowCaut dd{font-size:1.4rem;}
		section#flow .flowCaut table{font-size:1.4rem;}

			section#flow .flowCaut table th{
    border: 1px solid #000 ;
    padding: 5px 8px;
    font-weight: bold ;}
 
				section#flow .flowCaut table td{
    border: 1px solid #000 ;
    padding: 5px 8px;
}
 
 
	main.rentalspace #flow .flowChart > li .flowBox .note{font-size:1.4rem;}
	
	main.rentalspace #choose ul{
		display: flex;
		justify-content: space-between;
	}
	main.rentalspace #choose ul li{width: calc(50% - 5px);}
}
@media screen and (min-width:769px) and (max-width:1080px){
	main.rentalspace #choose h3{margin-top:8vw;}
	main.rentalspace #choose ul li a.roomLink{padding:8vw 0 6vw;}
	main.rentalspace #choose ul li a.roomLink h4{font-size: 2.5rem;}
	main.rentalspace #choose ul li a.roomLink p.lead{
		margin:1vw auto 3vw;
		font-size: 1.5rem;
	}
	main.rentalspace #choose ul li a.roomLink p.moreLink{font-size:1.35rem;}
	main.rentalspace #choose ul li a.reserve{padding:3vw 0;}
	main.rentalspace #choose ul li a.reserve span{
		min-width:230px;
		padding:10px;
		font-size:1.5rem;
	}
	section#location.squareList.roomLocation:not(.rentalLocations) ul.roomList > li:nth-last-child(-n+2){margin-bottom:0;}

	section#flow .flowChart > li .flowBox{padding:20px;}
}
@media screen and (min-width:1081px){
	#location.squareList:not(.rentalLocations) ul li{width:calc(32% - 9px);}
	section#location.squareList.roomLocation:not(.rentalLocations) ul.roomList > li:nth-last-child(-n+4){margin-bottom:0;}

	/************************************
	choose
	*************************************/
	main.rentalspace #choose h3{margin-top:60px;}
	main.rentalspace #choose ul li a.roomLink{
		padding:150px 0 70px;
	}
	main.rentalspace #choose ul li a.roomLink h4{font-size: 2.8rem;}
	main.rentalspace #choose ul li a.roomLink p.lead{
		margin:12px auto 70px;
		font-size: 1.6rem;
	}
	main.rentalspace #choose ul li a.roomLink p.moreLink{font-size: 1.4rem;}
	main.rentalspace #choose ul li a.reserve{padding:50px 0;}
	main.rentalspace #choose ul li a.reserve span{
		min-width:230px;
		padding:10px;
		font-size:1.6rem;
	}

	
	/************************************
	flow
	*************************************/
	section#flow .flowType+.flowType{margin-top:100px;}
	section#flow .flowChart > li .flowBox{padding:20px 36px;}
	
	
	/************************************
	share
	*************************************/
	main.share section#flow div.paraBox:first-child .flowChart > li+li{margin-top:80px;}
	main.share section#flow div.paraBox:first-child .flowChart > li:last-child{margin-top:81px;}
	main.share section#flow div.paraBox:first-child .flowChart > li+li:after{top:-47px;}
}
@media screen and (max-width:1080px){
	section#location.squareList.roomLocation ul.roomList > li.blank:not(.blank2){display:none;}
	/************************************
	flow
	*************************************/
	section#flow .flowType+.flowType{margin-top:80px;}
}
@media screen and (max-width:768px){
	main.rentalspace #choose h3{margin-top:8vw;}
	main.rentalspace #choose h3+p{margin-bottom:6vw;}
	main.rentalspace #choose ul{display: block;}
	main.rentalspace #choose ul li{width:100%;}
	main.rentalspace #choose ul li+li{margin-top: 10px;}
	main.rentalspace #choose ul li a.roomLink{padding:9vw 0 7vw;}
	main.rentalspace #choose ul li a.roomLink h4{font-size:2.4rem;}
	main.rentalspace #choose ul li a.roomLink p.lead{
		margin:2vw auto 4vw;
		font-size: 1.4rem;
	}
	main.rentalspace #choose ul li a.roomLink p.moreLink{font-size:1.3rem;}
	main.rentalspace #choose ul li a.reserve{padding:3vw 0;}
	main.rentalspace #choose ul li a.reserve span{
		min-width:230px;
		padding:10px;
		font-size:1.4rem;
	}
	

	/************************************
	flow
	*************************************/
	section#flow{padding:8vw 0;}
	section#flow h3+p{
		margin:4vw auto;
		font-size:1.4rem;
	}
	section#flow .flowType h4{
		margin-bottom:24px;
		font-size:2.8rem;
	}
	section#flow .flowChart > li+li{margin-top:6vw;}
	section#flow .flowChart > li+li:after{
		width:20px;
		height:11px;
		top:-4vw;
		left:calc(50% - 10px);
	}
	section#flow .flowChart > li h4,
	section#flow .flowChart > li h5{
		padding:12px 10px;
		font-size:1.8rem;
	}
	section#flow .flowChart > li h4.sm,
	section#flow .flowChart > li h5.sm{font-size:1.8rem;}
	section#flow .flowChart > li h4 small,
	section#flow .flowChart > li h5 small{
		margin-left:3vw;
		vertical-align:0;
		font-size:1.3rem;
	}
	section#flow .flowChart > li .flowBox{
		padding:12px 10px;
		font-size: 1.4rem;
	}
	section#flow .flowChart > li .flowBox .paraList li{
		margin-bottom:8px;
		font-size:1.8rem;
	}
	section#flow .flowChart > li .flowBox dl{
		margin:4vw 7vw 0;
		display:block;
	}
	section#flow .flowChart > li .flowBox dt{
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:1.8rem;
	}
	section#flow .flowChart > li .flowBox dd+dt{margin-top:24px;}
	section#flow .flowChart > li .flowBox dl.noLine dt{padding-bottom:0;}
	section#flow .flowCaut{margin-top:4vw;}

	section#flow .flowCaut dt{
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:1.5rem;
	}
	section#flow .flowCaut dd{font-size:1.3rem;}
	main.share section#flow .flowChart > li .flowBox dl.noLine{margin:4vw 0 0;}
	main.rentalspace #flow .flowChart > li .flowBox .note{font-size:1.2rem;}
}

.flowCaut_in dd .decimalList li{list-style-type:decimal;}
.flowCaut_in  dd .decimalList,
.flowCaut_in  dd .cautionList{padding-left:20px;margin-top:6px;}
/*.flowCaut_in strong {	color: #f35454;}
*/.flowCaut_in dd {margin-bottom: 1rem;}
.flowCaut_in dd {margin:0 0 2rem 1rem;}
.inline li {
	display: inline-block;
	margin:0 1rem 1rem 0;
}
.flowCaut_in dd ol.noteList{
	counter-reset: number 0;
	margin:8px 10px 0px;
}
.flowCaut_in dd ol.noteList li{
	position:relative;
	padding-left:24px;
	display:block;
}
.flowCaut_in dd ol.noteList li:before{
	counter-increment:number 1;
	content:"*"counter(number);
	position:absolute;
	top:0;
	left:0;
}
.flowCaut_in dd p.red{
	margin-left: 10px ;
	padding-left:14px;
	text-indent: -14px ;
	color: #d42924;
}

.flowCaut_in dt p.red{
	color: #d42924;
}
.flowCaut_in li.red{
	color: #d42924;
}
	section#flow .flowCaut .flowCaut_in dt{
		margin-bottom:0;
		font-size:1.4rem;
		border-bottom: none ;
	padding:0 1rem 0.6rem;
		font-weight: normal ;
	}
.flowCaut_in ol.inline{margin:8px 10px 6px;}
.flowCaut_in ol.inline li{
	counter-increment:num;
	margin-bottom: 3px;
}
.flowCaut_in.conf ol.inline li:before{
	content: counter(num);
	display: inline-block;
	margin-right: 5px;
}


section#flow .flowChart > li .flowBox .left{
  text-align:left ;
	margin: 0 auto ;
	display: inline-block ;
}

.indent{
	padding-left: 12px ;
	text-indent: -12px ;
	
}

/************************************
COVID
*************************************/

main.covid h5 img{
	width: 45px;
	height: 42px ;
	margin-bottom: 0px ;
}

main.covid h5 {
	font-size: 1.8rem;
	line-height:2.0;
	margin-bottom: 30px ;
}

main.covid .caution_txt {
	border: 1px solid #000 ;
	font-size: 1.6rem ;
	padding: 25px ;
	max-width: 1280px;
}
main.covid .caution_txt ul{
	margin: 30px auto 0 auto ;
	text-align: center;
}

main.covid .caution_txt ul li{
	display: inline-block ;
	padding: 5px 7px ;
}

main.covid .caution_txt ul li.border{border: 1px solid #000 ;}
main.covid section#titleBlock {margin-bottom: 0;}

main.covid section#titleBlock::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #dcdcdc;
    z-index: 0;
}

main.covid{background:#fafafa;}
main.covid #titleBlock{background:#fafafa;}
main.covid #titleBlock h2 img{
    width: 272px;
    height: 102px;
}

main.covid #titleBlock.subBefore p{
	width: auto;
	margin: 0 auto 100px;
	font-size: 1.6rem;
	line-height:2.0;
	color: #000;
	font-weight: normal;
}
main.covid #content{
    padding: 80px 0;
    margin-top: 0;
    background: #dcdcdc;
}
main.covid #content h3{font-size: 3.2rem;margin-bottom: 0px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;}

main.covid section h3.subTitle,
main.share section h3.subTitle,
main.rentalspace section h3.subTitle{color: #000;}
main.covid section h3.subTitle+p{
	display: block;
	line-height: 1.6;
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 50px ;
}

main.covid section h3.subTitle {
	margin-bottom: 15px;
	font-size:3.2rem;
}


main.covid #serviceOption h4{background:#2d2726;} /*オプションブロック削除予定*/
main.covid #location,
main.share #price{
	color: #000;
	text-align: center;
}

#covidpolicy {background: #e1e8ee ;padding: 60px 0 ; margin: 0 0 ;}
#covidpolicy.rv2 {background: #fff ;padding: 60px 0 ; margin: 0 0 ;}
#covidpolicy .inner,#offer .inner{max-width: 1280px;}
#covidpolicy h4{
	display: block;
	width: 100%;
	padding: 8px 0;
	font-size: 1.8rem;
	line-height: 1.0;
	color: #fff;
	background: #53625a;
	text-align: center;
}
#covidpolicy h4.note{background: #003244 ;}
#covidpolicy .efforts{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content:space-between;
	padding-bottom:38px;
	margin-bottom: 50px ;
}
#covidpolicy #effort_box{margin-bottom: 40px;}

#covidpolicy .efforts li{
	text-align: center;
	position: relative;
	margin-top: 20px ;
	width: 19%;
}
#covidpolicy .efforts li.efforts_li,
#covidpolicy .efforts li.please_li  {
    padding: 24px 22px;
    background-color: #fff;
}

#covidpolicy .efforts li.efforts_li {border: 1px solid #53625a;}
#covidpolicy .efforts li.please_li  {border: 1px solid #003244;}
#covidpolicy .efforts li p {
    text-align: left;
    line-height: 1.8;
}
#covidpolicy .efforts li.efforts_li p {color: #53625a;}
#covidpolicy .efforts li.please_li  p {color: #003244;}
#covidpolicy .efforts li img {
    display: block;
    max-width: 150px;
    margin: 0 auto 15px;
}


/*#covidpolicy .efforts li img{
	max-width: 260px ;
	max-width: 320px ;
}*/	

@media screen and (min-width:769px){
    #covidpolicy {padding: 110px 0 80px;}
    main.covid section h3.subTitle+p{margin-bottom: 90px;}
	#covidpolicy h4 .note{
		display: inline-block;
		margin-left: 24px;
		font-size: 1.2rem;
		vertical-align:2px;
	}
	#covidpolicy .efforts li{
        width:19%;
    }
    #covidpolicy .efforts li p {font-size: 1.2vw;}
}
@media screen and (min-width:980px){
    #covidpolicy .efforts li p {font-size: 1.4rem;}
    #covidpolicy .efforts li{min-height: 290px;}
}
@media screen and (max-width:768px){
    #covidpolicy .efforts li p {font-size: 2vw;}
}
@media screen and (max-width:480px){
    #covidpolicy .efforts li p {font-size: 3vw;}
}

/*ver2*/
main.covid .rv2 .center {text-align: center;}
main.covid h3.subTitle {
	color: #000;
	font-size: 3.2vw;
	line-height: 1.6;
	margin-bottom: 2rem;
}
main.covid .rv2 h3.subTitle br {display: none;}
main.covid #covidpolicy.rv2 h3.subTitle {
	font-weight: normal;
	padding-bottom: 2.4vw;
	margin-bottom: 8.1632vw;
	border-bottom: 3px solid #000;
}
main.covid .rv2 h3.subTitle  em {
	font-style: normal;
	font-weight: bold;
}
main.covid .rv2 h3.subTitle .wp_sbttl {
	font-size: 2vw;
	font-weight: bold;
	display: inline-block;
	padding: .6rem .8rem;
	margin-right: 1rem;
	border: 1px solid #000;
}

#covidpolicy.rv2 .efforts.__cvd2023 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	margin-bottom: 5rem ;
}
#covidpolicy.rv2 .__cvd2023 .efforts_li23 {
	text-align: center;
	width: 60vw;
	padding-bottom: 5.2vw;
	margin-bottom: 5.2vw;
	border-bottom: 1px solid #000;
}
#covidpolicy.rv2 .__cvd2023 .efforts_li23:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#covidpolicy.rv2 .__cvd2023 .fig_cvd {
	width: 17.96875vw;
	max-resolution: 230px;
	height: auto;
}
#covidpolicy.rv2 .__cvd2023 h4 {
	color: #000;
	font-size: min(2.475vw, 1.9rem);
	line-height: 1.4;
	margin: 1em 0 1.3em;
	background: none;
	padding: 0;
}
#covidpolicy.rv2 .__cvd2023 p {
	font-size: min(1.82vw, 1.4rem);
	line-height: 1.8;
	text-align: center;
}

main.covid .catch {
	display: flex;
	justify-content: center;
	margin-bottom: 5rem;
}
main.covid .catch .wrap {
	font-size: min(2.085vw, 1.6rem);
	border: 1px solid #000;
	border-radius: 10px;
	padding: .7em 2em;
}
main.covid .catch .wrap em {
	font-style: normal;
	font-weight: bold;
	margin-right: .3em;
}
main.covid .logo_lifork {width: 76px;}

@media screen and (min-width:768px){
    #covidpolicy.rv2  {padding: 110px 0 80px;}
	main.covid .rv2 section h3.subTitle {margin-bottom: 2rem;}
    main.covid .rv2 section h3.subTitle+p{margin-bottom: 90px;}
	main.covid #covidpolicy.rv2  h3.subTitle {
		padding-bottom: 2rem;
		margin-bottom: 8rem;
	}
	#covidpolicy.rv2  .efforts.__cvd2023 {
		flex-direction: row;
	}
	#covidpolicy.rv2  .__cvd2023 .efforts_li23 {
		padding: 0 1.12515625vw;
		margin-bottom: 0;
		width: calc(100% / 3);
		border-bottom: none;
	}
	#covidpolicy.rv2  .__cvd2023 .efforts_li23:nth-child(2) {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	#covidpolicy.rv2  .__cvd2023 .fig_cvd {
		width: 17.96875vw;
		max-resolution: 230px;
	}
}
@media screen and (min-width:980px) {
	#covidpolicy.rv2  .__cvd2023 h4 {font-size: 2.2rem;}
	#covidpolicy.rv2  .__cvd2023 p {font-size: 1.6rem;}
	#covidpolicy.rv2  .__cvd2023 .efforts_li23 {padding: 0 2.515625vw;}
	main.covid .rv2 .catch .wrap {font-size: 2rem;}
	main.covid .logo_lifork {width: 100px;}
}
@media screen and (min-width:1280px) {
	main.covid .rv2 h3.subTitle {font-size: 3.2rem;}
	main.covid .rv2 h3.subTitle .wp_sbttl {font-size: 1.8rem;}

	#covidpolicy .__cvd2023 .efforts_li23 {padding: 0 4.5rem;}
	#covidpolicy.rv2  .__cvd2023 h4 {font-size: 2.5rem;}
	#covidpolicy.rv2  .__cvd2023 p {font-size: 1.8rem;}
	#covidpolicy.rv2  .__cvd2023 .efforts_li23 {padding: 0 3.515625vw;}
	main.covid .rv2 .catch .wrap {font-size: 2.2rem;}
}
@media screen and (max-width:640px){
	main.covid .rv2 h3.subTitle {font-size: min(4.765vw, 2.0rem);}
	main.covid .rv2 h3.subTitle .wp_sbttl {font-size: min(3.330vw, 1.4rem);}

	#covidpolicy.rv2  .__cvd2023 .efforts_li23 {width: 70vw;}
	#covidpolicy.rv2  .__cvd2023 .fig_cvd {width: 29.9479vw;}
	#covidpolicy.rv2  .__cvd2023 h4 {font-size: min(4.765vw, 2.0rem);}
	#covidpolicy.rv2  .__cvd2023 p {font-size: min(3.330vw, 1.4rem);}
	main.covid .rv2 .catch .wrap {font-size: min(3.81vw, 1.6rem);}
}
@media screen and (max-width:420px){
	main.covid .rv2 h3.subTitle {font-size: min(4.285vw, 1.8rem);}
	main.covid .rv2 h3.subTitle .wp_sbttl {margin-bottom: .5em;}
	main.covid .rv2 h3.subTitle br {display: block;}
}

@media screen and (max-width:768px){
    #covidpolicy .efforts li p {font-size: 2vw;}
}
@media screen and (max-width:480px){
    #covidpolicy .efforts li p {font-size: 3vw;}
}

/*offer*/
#offer {background: #fff ;padding: 60px 0 ; margin: 0 0 ;}
#offer .inner{max-width: 1280px;}
#offer h4{
	display: block;
	width: 100%;
	padding: 8px 0;
	font-size:1.8rem;
	line-height: 1.0;
	color: #fff;
	background: #eb523a;
	text-align: center;
	margin-bottom: 30px ;
}

#offer dl{
	margin: 0 auto;
width: 90vw;
max-width: 1152px;
	margin-bottom:30px ;
}

#offer dt{
	margin-bottom: 10px ;
	color: #003244 ;
	font-size: 2.4rem ;
}

#offer dd{
	font-size: 1.6rem ;
	margin-bottom: 30px ;
}


@media (max-width:1280px){
	#covidpolicy,#offer{
		padding: 8vw 10px;
	}
}

p.contactLink{
		margin: 0 auto ;
		text-align: center ;
}
p.contactLink a{
	width: 406px;
	padding: 20px 0 20px;
	font-size: 2.2rem;
	text-align: center ;
	display:inline-block;
	background:#007bff;
	color: #fff;
	border-radius:8px;
	font-weight: bold ;
	line-height: 1.0 ;
}

 p.contactLink a span{
		font-size: 1.6rem ;
}


@media (max-width:768px){
	#covidpolicy h4,#offer h4{
		display:block;
		margin-top:6px;
		font-size: 1.6rem;
	}
	#covidpolicy .efforts li{width:33%;}
	main.covid section h3.subTitle {
		margin-bottom: 15px;
		font-size:1.6rem;
		line-height: 1.8 ;
	}
	main.covid section h3.subTitle+p{font-size: 1.3rem;}
	main.covid #content h3{font-size: 1.8rem;margin-bottom: 0px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;}
	main.covid #titleBlock.subBefore p{
		font-size: 1.3rem;
		line-height:1.4;
	}
	#offer dt{font-size: 1.6rem ;}
	#offer dd{font-size: 1.4rem ;}	
	p.contactLink a{
	 	padding: 12px 30px 16px;
		font-size: 1.8rem;
		width: 206px;
	}
	
main.covid .caution_txt {
	font-size: 1.4rem ;
}	
	
}

@media (max-width:480px){
	#covidpolicy .efforts li{width:49%;}
}

/*download*/
#download{padding:70px 0; background: #e8edeb ;width: 100% ;}
#download .inner{max-width: 1052px;}
#download h4{
	background:#000;
	display: block;
	width: 100%;
	padding: 8px 0;
	font-size: 1.7rem;
	line-height: 1.0;
	color: #fff;
	text-align: center;
	margin-bottom: 20px ;
}
#download p{
	display: block;
	margin-bottom:40px;
	text-align: center;
	color: #000;
	font-size: 1.6rem;
}

#download .dlList{
	width:100%;
}

#download .dlList li{
	background:#fff;
	text-align: center ; 
	padding: 12px ;
	margin-bottom: 15px ;
	position: relative ;
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px; 
    border-radius: 3px;        /* CSS3草案 */  
	border: 1px solid #8fa4af;
}

#download .dlList li a{
	color:#2a526b;
	vertical-align: middle ;
}


#download .dlList li a:hover{
	text-decoration:none;
	opacity:0.7;
}

#download .dlList li a:after{
	    content: "";
    display: inline-block;
    width: 28px;
    height: 29px;
    margin-left: 8px;
    background: url("/plans/img/dl_pdf.jpg") no-repeat;
    background-size: contain;
    vertical-align: middle;
}



@media screen and (min-width:1081px){
	#download .dlList{margin:0 auto 32px;}
	#download .dlList li a{font-size:1.8rem;}
}




/************************************
squareList
*************************************/
#plansLink_cnt {
    padding: 60px 10px;
    margin: 0;
    background-color: #fff;
}
#plansLink_cnt.vr2 {background-color: #e1e8ee;}
main.covid .squareList#plansLink_cnt.vr2 ul.locInBox li a .inner_box .in-line-txt::after {
    background: #e1e8ee url(../img/arrow_b.svg) no-repeat 50% 50%;
}
#plansLink_cnt h3.subTitle + p {margin-bottom: 60px;}
/*.squareList#plansLink_cnt ul.locInBox li{background:#eee;}*/
.squareList#plansLink_cnt ul.locInBox li a[href^="/workroom.html"]{background:#99adb4;}
.squareList#plansLink_cnt ul.locInBox li a[href^="/share.html"]{background:#ddd6cd;}
.squareList#plansLink_cnt ul.locInBox li a[href^="/styleroom.html"]{background:#bac0bd;}
.squareList#plansLink_cnt ul.locInBox li a[href^="/lounge.html"]{background:#d1dad6;}
.squareList#plansLink_cnt ul.locInBox li a[href^="/lounge.html"] p.in-line-txt{
	display: flex;
    justify-content: center;
    align-items: center;
}
.squareList#plansLink_cnt ul.locInBox li a:before{content:none;}
.squareList#plansLink_cnt ul li figure::after {background: none;}
.squareList#plansLink_cnt ul.locInBox li a:hover{text-decoration: none;}
.squareList#plansLink_cnt ul.locInBox li .linkInner{position: relative;}
.squareList#plansLink_cnt ul.locInBox li .linkInner{height: auto;}
.squareList#plansLink_cnt ul.locInBox li a .linkInner span{color:#404040;}
.squareList#plansLink_cnt ul.locInBox li a .linkInner span.clipnote{
	display: block;
	margin-top: 12px;
	color: #FF0004;
	font-weight: bold;
}
.squareList#plansLink_cnt ul.locInBox li a .linkInner .enName,
.squareList#plansLink_cnt ul.locInBox li a .linkInner .enName span{color:#010101;}
.squareList#plansLink_cnt ul.locInBox li a .linkInner .enName span.alphB,
.squareList#plansLink_cnt ul.locInBox li a .linkInner .enName small{display:inline-block;}
.squareList#plansLink_cnt ul.locInBox li a .linkInner .enName small{
	margin-left: 2px;
	vertical-align: 2px;
	font-weight: bold;
}
.squareList#plansLink_cnt ul.locInBox li a .linkInner .jpName strong{
	display: block;
	color: #d52a25;
}
.squareList#plansLink_cnt ul.locInBox li a .linkInner .more{display: inline-block;}
.squareList#plansLink_cnt ul.locInBox li figure{height: auto;}

.squareList#plansLink_cnt ul.locInBox li a .inner_box {
    background-color: #fff;
    text-align: center;
}
.squareList#plansLink_cnt ul.locInBox li a .inner_box .in-line-txt {
    color: #000;
    line-height: 1.8;
    display: block;
    padding: 5% 10px;
    margin-bottom: 54px;
    position: relative;
}
.squareList#plansLink_cnt ul.locInBox li a[href^="/workroom.html"] .inner_box .in-line-txt {border: 2px solid #99adb4;}
.squareList#plansLink_cnt ul.locInBox li a[href^="/share.html"] .inner_box .in-line-txt {border: 2px solid #ddd6cd;}
.squareList#plansLink_cnt ul.locInBox li a[href^="/styleroom.html"] .inner_box .in-line-txt {border: 2px solid #bac0bd;}
.squareList#plansLink_cnt ul.locInBox li a[href^="/lounge.html"] .inner_box .in-line-txt {border: 2px solid #bac0bd;}
.squareList#plansLink_cnt ul.locInBox li a .inner_box .in-line-txt::after {
    content: '';
    display: block;
    width: calc(100% + 4px);
    position: absolute;
    height: 54px;
    bottom: -56px;
    left: -2px;
    background: #fff url(../img/arrow_b.svg) no-repeat 50% 50%;
}

@media screen and (min-width:769px){
    #plansLink_cnt {padding: 110px 10px 80px;}
    #plansLink_cnt h3.subTitle + p {margin-bottom: 90px;}
	.squareList#plansLink_cnt ul.locInBox li{margin-bottom: 0;}
	.squareList#plansLink_cnt ul.locInBox{
		display:flex;
		justify-content: space-between;
	}
	.squareList#plansLink_cnt ul.locInBox li{width:calc((100% - 26px) / 4);}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner{padding: 6% 10px ;}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner .enName{font-size:2.6rem;}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner .jpName{
		margin:16px 0 24px;
		min-height:58px;
		font-weight: normal;
	}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner .more{font-size: 1.4rem;}

}
@media screen and (min-width:769px) and (max-width:1080px){
	.squareList#plansLink_cnt ul.locInBox li a .linkInner .jpName{font-size: 1.3rem;}
    .squareList#plansLink_cnt ul.locInBox li a .inner_box .in-line-txt {font-size: 1.4vw;}
}
@media screen and (min-width:1081px){
    .squareList#plansLink_cnt ul.locInBox li a .inner_box .in-line-txt {font-size: 1.6rem;}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner .jpName{
        font-size: 1.5rem;
		min-height:45px;
    }
}
@media screen and (max-width:768px){
    #plansLink_cnt {padding: 60px 10px 10px;}
    .squareList#plansLink_cnt ul.locInBox li {margin-bottom: 30px;}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner{padding:5vw 10px;}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner .enName{font-size:2.2rem;}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner .jpName{
		margin:1vw 0 2vw;
		font-size: 1.4rem;
	}
	.squareList#plansLink_cnt ul.locInBox li a .linkInner .more{font-size: 1.4rem;}
	.squareList#plansLink_cnt ul.locInBox li a figure{
	}
	.squareList#plansLink_cnt ul.locInBox li a figure img{
		width:100%;
		height: auto;
		margin:0;
	}
    .squareList#plansLink_cnt ul.locInBox li a .inner_box .in-line-txt {font-size: 1.5rem;}
}
.covid #contactBnr {
    margin: 0;
    padding: 40px 0;
    background: #fff;
}
.covid #contactBnr p {
    color: #000;
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 60px;
}
.covid #contactBnr .opacity {line-height: 1.1;}

.covid #plansLink_cnt #contactBnr {
    margin: 0;
    padding: 80px 0 0;
    background: none;
}

@media screen and (max-width:1030px){
	.squareList#plansLink_cnt ul.locInBox{
		flex-wrap: wrap;
	}
	.squareList#plansLink_cnt ul.locInBox li{
		width: calc((100% - 40px) / 2);
		margin-bottom: 80px;
	}
	.squareList#plansLink_cnt ul.locInBox {
		margin-bottom: -80px;
	}

}

@media screen and (max-width:768px){
	.squareList#plansLink_cnt ul.locInBox{
		flex-direction: column;
	}
	.squareList#plansLink_cnt ul.locInBox li{
		width: 100%;
	}
}

.share section#mv-share a[target="_blank"]::after{
margin: 0;
display: none;
}