@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;}


/************************************
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:nth-child(n+3){border-top:1px solid #000;}
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.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;}
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;
}
#shareContactnavi li{
	display: block;
	
	padding: 16px;
	margin: 0;
	text-align:center;
}
#shareContactnavi li[data-category="individual"]{
	background:#d2c1bd;
	border:3px solid #771900;
}
#shareContactnavi li[data-category="corporation"]{
	background:#bdccd2;
	border:3px solid #004a68;
}
#shareContactnavi li a.more{
	display:inline-block;
	width: auto;
	padding:3px 20px;
	font-weight: bold;
	color: #fff;
	transition: all 0.4s;
}
#shareContactnavi li[data-category="individual"] a.more{background:#d42924;}
#shareContactnavi li[data-category="corporation"] a.more{background:#2445d4;}
#shareContactnavi li a.more:before{content:none;}
#shareContactnavi li a.more:after{
	margin-left: 16px;
	font-family: FontAwesome;
	content: "\f105";
	display:inline-block;
}
#shareContactnavi li a.more:hover{
	opacity: 0.8;
	text-decoration: none;
}
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.share section h3.subTitle+p,
	main.rentalspace section h3.subTitle+p{
		margin-bottom: 80px;
		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;}
	
	
	/************************************
	share
	*************************************/
	main.share #content{max-width: 100%;}
	main.share #price{padding:100px 0;}
	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{
		width:720px;
		padding:40px 0 50px;
		margin:24px auto;
		display: flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	main.share #price .priceList li{
		display: block;
		width:240px;
		margin:0 16px;
	}
	main.share #price .priceList li:nth-child(n+3){
		margin-top:48px;
		padding-top:40px;
	}
	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;
	}
	main.workroom #nakama a .hoverTxt{
		margin-top:12px;
		font-size: 1.5rem;
	}


	/************************************
	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{
		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-rentalspace-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 .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 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;}
 	section#flow .flowCaut li i.red {
    color: #d42924;
    font-style: normal;
}
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 li i.red {
    color: #d42924;
    font-style: normal;
}
	
	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;}
 
 	section#flow .flowCaut li i.red {
    color: #d42924;
    font-style: normal;
}
}
@media screen and (min-width:1081px){
	#location.squareList:not(.rentalLocations) ul li{width:calc(25% - 6px);}
	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;}
 	section#flow .flowCaut li i.red {
    color: #d42924;
    font-style: normal;
}
	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;
}



	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 ;
	
}





/*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 ;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px; 
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;
	}
	}

	@media screen and (max-width:768px){
		.plansStyleroom.rentalspace #download,
		.plansLounge.rentalspace #download{
			width: auto;
			max-width: 100%;
			padding-left: 15px;
			padding-right: 15px;
		}
	}