@charset "utf-8";
/* CSS Document */


*{
	box-sizing: border-box;
}
html{
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	height: 100%;
	overflow: auto;
}
html::scrollbar{
	width: 16px;
}
html
body{
	background: #fff;
	color: #333;
	font-family: "Arial", Meiryo;
	font-size: 1.5rem;
	line-height: 26px;
}
input,
button,
textarea,
select,
html [type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	font-family: "Arial", Meiryo;
	outline: none;
	padding: none;
}
button{
	background: inherit;
	cursor: pointer;
	padding: 0;
}
p{
	margin: 10px 0;
}
ul,
ol{
	padding-left: 18px;
}
dl{
	margin: 0;
}
dd{
	margin: 0;
}
h1{
	margin: 0;
}
h2{
	margin: 0;
}
h3{
	margin: 0;
}
img{
	vertical-align: bottom;
}
img[src$=".svg"] {
	height: 100%;
}
figure{
	margin: 0;
}
a:link,
a:visited{
	color: inherit;
	text-decoration: none;
}
a:hover,
a:active{
	opacity: 0.7;
}




.all-wrapper{
	max-width: 100vw;
	overflow: hidden;
}

.inner{
	margin: 0 auto;
	max-width: 1080px;
}

.sp-only{
	display: none;
}



/*svg*/
.stroke{
	fill: none;
	stroke: #fff;
}
.fill{
	fill: #fff;
}



/*header*/
header{
	background: rgba(0,0,0,0.4);
	color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 12;
}
.header-inner{
	align-items: center;
	display: flex;
	justify-content: space-between;
}

header .logo img{
	vertical-align: middle;
	
}


/*ハンバーガーメニュー*/
header .menu-handle {
	top: 0;
	z-index: 200;
	height: 77px;
	position: relative;
}

header .menu-bar-box:after{
	content: "メニュー";
	font-size: 1.3rem;
	font-weight: bold;
	position: absolute;
	right: -70px;
	top: 27px;
	width: 64px;
}

header .menu-handle.active .menu-bar-box:after{
	content: "閉じる";
	transition: .3s ease-in-out;
}

header .menu-bar-box{
	position: absolute;
	right: 73px;
	width: 18px;
}

header .menu-bar-box:hover:after,
header .menu-bar-box:hover .menu-bar{
	opacity: 0.5;
}

header .menu-bar {
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 4px;
	background-color: #fff;
	box-sizing: border-box;
}

header .menu-bar:first-of-type {
	margin-top: 30px;
}

header .menu-bar:last-of-type {
	margin-bottom: 0;
}
header .menu-handle{
	cursor: pointer;
}
header .menu-handle.active .menu-bar:first-of-type{
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
	transition: .3s ease-in-out;/*滑らかに表示*/
}
header .menu-handle.active .menu-bar:last-of-type{
	opacity: 0;
}
header .menu-handle.active .menu-bar:nth-of-type(2){
	margin-bottom: 6px;
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
	transition: .3s ease-in-out;/*滑らかに表示*/
}


.menu-contents{
	font-size: 1.8rem;
	height: calc(100vh - 77px);
	margin-top: 0;
	max-width: 70%;
	padding: 10px 0 20px;
	position: fixed;
	overflow-y: scroll;
	right: 0;
	top: 77px;
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(100%);
	transform: translateX(100%);/*左に隠しておく*/
	width: 475px;
	z-index: 9999;/*最前面に*/
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.menu-contents::-webkit-scrollbar {
	display:none;
}
.active > .menu-contents{
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*左から出す*/
}
.menu-contents .gnav li{
	margin-right: 0;
}

.menu-contents .gnav li a{
	display: block;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 20px 30px;
}
.menu-contents .gnav li a:link,
.menu-contents .gnav li a:visited{
	text-decoration: none;
}
.menu-contents .gnav li a:hover,
.menu-contents .gnav li a:active{
	text-decoration: underline;
}
.sns-list img{
	width: 32px;
}
.sns-list{
	display: flex;
	margin: 20px 30px 0 20px;
}
.sns-list li a{
	padding: 10px;
}



.page-link,
.gnav > ul{
	align-items: center;
	display: flex;
	font-size: 1.4rem;
	justify-content: space-between;
	width: 600px;
	list-style-type:none;
}

.page-link li a{
	display: inline-block;
	padding-bottom: 30px;
	position: relative;
}
.page-link li a:after{
	background: url("../img/index_ic09.svg") no-repeat 0 0;
	background-size: 14px 8px;
	bottom: 10px;
	content: "";
	display: inline-block;
	height: 8px;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 14px;
}
.page-link li a:hover:after{
	animation: fluffy2 2s linear infinite;
	backface-visibility: hidden;
}


header .menu-wrapper{
	align-items: center;
	display: flex;
}
header .menu-wrapper .bt-box{
	margin-right: 120px;
}
header .login-bt,
header .entry-bt{
	background: rgba(255,255,255,0);
	font-size: 1.4rem;
	font-weight: bold;
	padding: 12px;
	width: 130px;
}
header .login-bt{
	margin-left: 15px;
}
.contact-bt{
	background: rgba(0,0,0,0.1);
	border: 1px solid #fff;
	color: #fff;
	height: 38px;
	width: 198px;
}

.bt-effect01:hover,
.bt-effect01:active{
	background: rgba(255,255,255,0.5);
	color: #313131;
	transition: .3s;
}
.bt-effect02:hover,
.bt-effect02:active{
	background: rgba(0,0,0,0.4);
	color: #fff;
	transition: .3s;
}



.overlay{
	background: rgba(0,0,0,0.2);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.overlay.active{
	display: block;
}
html.active{
	overflow-y: hidden;
}


/*main*/
main{
	display: block;
	position: relative;
}



h2{
	display: flex;
	flex-direction: column;
}


/*スライダーリセット*/
.bx-wrapper {
    background: inherit;
    box-shadow: none;
    border: none;
    margin: 0 auto;
}

.bx-wrapper .bx-loading, .bx-wrapper .bx-prev, .bx-wrapper .bx-next,
.bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop {
    background: none;
}

/* pagetop */
#pagetop {
	bottom: 20px;
	color:#253458;
	cursor: pointer;
	filter: drop-shadow(0px 6px 9px rgba(0,0,0,0.2));
	font-size: 1.3rem;
	font-weight: bold;
	margin: 140px 0 0 0;
	position: fixed;
	right: 20px;
	text-align: right;
	z-index: 10;
}

#pagetop a {
	display: inline-block;
	width: 100%;
	padding: 14px 0 13px;
}

#pagetop a .icon {
	position: relative;
	width: 18px;
	padding: 18px;
}

#pagetop a .icon::before {
	position: absolute;
	content: "";
	top: 4px;
	left: 31px;
	vertical-align: top;
	width: 8px;
	height: 8px;
	border-top: 1px solid #253458;
	border-right: 1px solid #253458;
	transform: rotate(-45deg);
}
#pagetop a:hover .icon::before{
	-moz-animation: fluffy3 2.5s linear infinite;
	animation: fluffy3 2.5s linear infinite;
}








/*footer*/
footer{
	color: #fff;
	font-size: 1.2rem;
	width: 100%;
}
footer > .sub-footer-inner > .inner,
footer > .footer-inner > .inner{
	padding: 30px 0;
}
.sub-footer-inner{
	background: #6f6f6f;
}
.sub-footer-inner .nav-area{
	display: flex;
}
.sub-footer-inner .nav-area + .nav-area{
	margin-top: 20px;
}
.sub-footer-inner .sub-footer-nav-title{
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 20px;
	width: 120px;
}
.sub-footer-inner .sub-footer-nav{
	width: 940px;
}
.sub-footer-nav-list-title{
	font-weight: bold; 
}
.sub-footer-nav-list + .sub-footer-nav-list-title{
	margin-top: 10px;
}
.sub-footer-inner .sub-footer-nav-list{
	display: flex;
	flex-wrap: wrap;
}
.sub-footer-inner .sub-footer-nav-list li{
	margin-right: 20px;
}
.sub-footer-inner .sub-footer-nav-list li:last-of-type{
	margin-right: 0;
}

.footer-inner{
	background: #666;
}
.footer-inner .inner{
	align-items: center;
	display: flex;
	justify-content: space-between;
	text-align: right;
	width: 100%;
}
footer .logo img{
	width: 180px;
}
.footer-nav{
	margin-bottom: 20px;
}
.footer-nav ul{
	display: flex;
	justify-content: flex-end;
}
.footer-nav ul li + li{
	margin-left: 25px;
}
.footer-nav ul li a{
	display: inline-block;
	padding-left: 20px;
	position: relative;
}
.footer-nav ul li a:before{
	border-style: solid;
	border-width: 4px 0 4px 8px;
	border-color: transparent transparent transparent #ffffff;
	content: "";
	display: inline-block;
	height: 0;
	left: 0;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 0;
}
.copiright{
	margin-top: 20px;
}

/*パンくず*/
.pankuzu-nav-wrapper{
	background: #7b7b7b;
	padding: 10px 0 6px;
}
.pankuzu-nav{
	font-size: 14px;
	margin: 0 auto;
	width: 1080px;
}
.pankuzu-nav .pankuzu-nav-list{
	display: flex;
	padding-bottom: 4px;
	overflow-x: auto;
}
.pankuzu-nav .pankuzu-nav-list li{
	position: relative;
	white-space: nowrap;
}
.pankuzu-nav .pankuzu-nav-list li.current-item{
	font-weight: bold;
}
.pankuzu-nav .pankuzu-nav-list li + li::before{
	content: ">";
	font-size: 14px;
	margin: 0 8px;
	vertical-align: top;
}

/*ページトップ*/
.page-top{
	bottom: 300px;
	color: #00113C;
	right: 100px;
	position: fixed;
}



/*====================
		
			トップページ

====================*/

.top .page-link {
	width: 430px;
}

/*背景切り替え*/
.background {
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	position: fixed;
	background-position: center center;
	opacity: 0;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	z-index: -10;
}
.show .background {
	opacity: 1;
}
.hero-area .inner ,
.aboutus-area .inner ,
.floor-area .inner {
	padding: 40vh 0 60vh;
	position: relative;
	z-index: 2;
}
/* design*/
#content01_bg {
	background-image: url("../img/nibe-slide-11.jpg");
	background-position: top center;
}
#content02_bg {
	background-image: url("../img/nibe-slide-22.jpg");
	background-position: top center;
}




.top{
	color: #313131;
}
.top .inner{
	padding: 0 10px;
	z-index: 2;
}


.top h2{
	margin-top: 20px;
	margin-bottom: 20px;
}
.top h2 .headline-en{
	font-size: 3.0rem;
}
.top h2 .headline-ja{
	color: #777;
	font-size: 2.2rem;
}
.top h3{
	font-size: 2.4rem;
	font-weight: normal;
}

.top .contents-box{
	padding: 30px 0;
}
.top .contents-box + .contents-box{
	margin-top: -111px;
	padding-top: 111px;
}

.list-bt{
	background-color: #c2e6ff;
	border: 1px solid #add3ed;
	color: #313131;
	height: 48px;
	width: 230px;
}

.top header{
	padding: 3px 0;
}
.top .logo.header-logo img{
	
}
.top header .entry-bt{
	background: rgba(0,0,0,0.1);
	border: 1px solid #fff;
	color: #fff;
}
.top header .login-bt{
	background: #0b4fa0;
	border: 1px solid #0a448a;
	color: #fff;
}
.top header .entry-bt:hover{
	background: #fff;
	color: #313131;
}
.top header .login-bt:hover{
	background: #fff;
	color: #313131;
}

.top footer{
	margin-top: -9px;
}
.top .footer-inner .inner{
	padding: 30px 0;
}


/*ヒーローエリア*/
.top .hero-area{
	color: #fff;
	height: 100vh;
	min-height: 930px;
	position: relative;
}
.top .hero-area-inner{
	left: calc(50vw - 335px);
	position: absolute;
	top: 134px;
}


.top h1{
	margin-bottom: 10px;
	margin-top: 10px;
}
.top .hero-area h1 {
	margin-bottom: 0;
}
.top h1 img{
	width: 650px;
}

.base-list{
	display: flex;
	flex-wrap: wrap;
	width: 670px;
}
.base-list li{
	background: rgba(0,0,0,0.5);
	border: 1px solid #fff;
	width: 320px;
}
.base-list li:nth-of-type(2n){
	margin-left: 30px;
}
.base-list li:nth-of-type(n+3){
	margin-top: 30px;
}
.base-list li a{
	display: block;
	padding: 10px;
	text-align: center;
}
.base-list li a:hover,
.base-list li a:active{
	opacity: 1;
}
.base-list li a{
	overflow: hidden;
	position: relative;
}
.base-list li a:before{
	content: "";
	display: inline-block;
	height: 44px;
	left: -320px;
	position: absolute;
	top: 0;
	width: 320px;
	z-index: -10;
}
.base-list li a:hover:before{
	transform: translateX(320px);
	transition: transform 0.2s linear;
}
.base-list li.marunouchi-second a:before{
	background: rgba(0,17,40,0.6);
}
.base-list li.marunouchi-first a:before{
	background: rgba(215,0,14,0.6);
}
.base-list li.tama-kita a:before{
	background: rgba(0,51,39,0.6);
}
.base-list li.tama-minami a:before{
	background: rgba(201,177,39,0.6);
}

.top .hero-area .contents-box{
	color: #313131;
	background: rgba(255,255,255,0.8);
	padding: 50px;
	position: absolute;
	right: -100px;
	top: 350px;
	width: 860px;
}
.top .hero-area .contents-box button{
	display: block;
	margin: 29px auto 0;
}

.top .hero-area h2 {
	margin-bottom: 20px;
}






.hint{
	bottom: 40px;
	left: 50%;
	margin-left: -16px;
	position: absolute;
	z-index: 10;
}
.hint a svg{
	fill: none;
	height: 10px;
	stroke: #fff;
	width: 32px;
}
.eventnews-area .hint a svg,
.howtojoin-area .hint a svg,
.consultation-area .hint a svg{
	stroke: #777;
}
.hint a{
	padding-bottom: 30px;
}


/*ABOUTUS*/
.aboutus-area{
	height: 100vh;
	min-height: 620px;
	position: relative;
}
.aboutus-area .contents-box{
	background: #fff;
	padding: 100px;
	position: absolute;
	right: -100px;
	top: 250px;
	width: 900px;
}
.aboutus-area .contents-box button{
	display: block;
	margin: 20px auto 0;
}



/*拠点一覧*/
.floor-area{
	height: 100vh;
	min-height: 670px;
	position: relative;
}
.floor-list{
	color: #fff;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	top: 150px;
}
.floor-item{
	border: 1px solid #fff;
	height: 105px;
	overflow: hidden;
	position: relative;
	width: 800px;
}
.floor-item + .floor-item{
	margin-top: 30px;
}
.floor-item a{
	align-items: center;
	background: rgba(0,0,0,0.6);
	display: flex;
	height: 100%;
	justify-content: space-between;
	padding: 0 20px;
}
.floor-item:after{
	content: "";
	display: inline-block;
	height: 103px;
	left: -798px;
	position: absolute;
	top: 0;
	width: 798px;
	z-index: -10;
}
.floor-item:hover:after{
	transform: translateX(798px);
	transition: transform 0.2s linear;
}
.floor-item.marunouchi-second:after{
	background: rgba(0,17,40,0.6);
}
.floor-item.marunouchi-first:after{
	background: rgba(215,0,14,0.6);
}
.floor-item.tama-kita:after{
	background: rgba(0,51,39,0.6);
}
.floor-item.tama-minami:after{
	background: rgba(201,177,39,0.4);
}


.floor-item a:hover,
.floor-item a:active{
	opacity: 1;
}
.floorname{
	display: flex;
	flex-direction: column;
}
.floorname-en{
	font-size: 1.4rem;
}
.floorservice-list{
	display: flex;
}
.floorservice-list li{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	line-height: 1.0;
	text-align: center;
	width: 100px;
}
.floorservice-list li figure{
	margin-bottom: 10px;
}
.floorservice-list li figure img{
	height: 45px;
}



/*相談エリア*/
.consultation-area {
	background: #FEFDF2;
	position: relative;
}

.top .consultation-area .contents-box {
	padding: 100px 0;
}

.consultation-area .consultation-list + .member-bt {
	margin-top: 16px;
}

.consultation-area .consultation-text {
	font-size: 1.8rem;
	text-align: center;
}

.consultation-area .consultation-text .line-break-sp {
	display: none;
}

/*イベント・ニュースエリア*/
.eventnews-area{
	background: #fff;
	position: relative;
}
.eventnews-area .contents-box{
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
}

.top .event-list{
	width: 745px;
	position: relative;
}
.top .event-list .event-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.top .event-list .event-loader .loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #555555;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.top .event-list .event-error {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.top .event-list #event-reload-btn {
	margin-top: 20px;
}

.top .event-list li dt{
	position: relative;
}
.top .event-list li .section-tag{
	background: #f0e68c;
	display: inline-block;
	font-size: 1.4rem;
	height: 22px;
	position: absolute;
	left: 110px;
	text-align: center;
	top: 15px;
	width: 100px;
}
.top .news-list{
	width: 745px;
}
.top .event-list li a{
	position: relative;
}
.top .event-list li a,
.top .news-list li a{
	display: block;
	padding: 15px 0;
}
.top .event-list dt,
.top .news-list dt{
	margin-bottom: 10px;
}


/*HOW TO JOIN*/
.top .howtojoin-area{
	background: #eee;
	position: relative;
}
.step-list{
	display: flex;
	justify-content: space-between;
	padding: 0 48px;
}
.step-list li{
	background: #fff;
	padding: 30px 0;
	text-align: center;
	width: 270px;
}
.step-list li + li{
	position: relative;
}
.step-list li + li:before{
	background: url("../img/index_ic08.png") no-repeat;
	content: "";
	display: inline-block;
	height: 123px;
	left: -86px;
	margin-top: -61px;
	position: absolute;
	top: 50%;
	width: 109px;
}
.step-list dl{
	margin-bottom: 30px;
}
.step-list dt{
	font-size: 2.0rem;
	margin-bottom: 20px;
}
.step-list dd{
	font-size: 1.4rem;
	height: 42px;
}

.member-bt{
	background: #777;
	border: 1px solid #777;
	color: #fff;
	display: block;
	height: 60px;
	margin: 60px auto;
	width: 320px;
}



/*アクセス*/
.map{
	margin-top: 20px;
}
.map iframe{
	height: 600px;
	width: 100%;
}
.map iframe .gmnoprint{
	display: none!important;
}
.access-area{
	background: #fff;
}
.access-item-wrapper{
	display: flex;
}
.access-list > li + li{
	margin-top: 20px;
}
.access-list li dl{
	display: flex;
	margin-top: 10px;
}
.access-list li dl dt{
	color: #777;
	font-size: 1.4rem;
	margin-right: 10px;
	width: 60px;
}
.access-list li dl dd{
	width: calc(100% - 70px);
}

/*横並び*/
.access-item-wrapper-row .access-item{
	width: calc((100% - 20px) / 2);
}
.access-item-wrapper-row .access-item + .access-item{
	margin-left: 20px;
}
.access-item-wrapper-row .access-item:first-of-type .access-text{
	margin-left: auto;
}
.access-item-wrapper-row .access-text{
	padding: 0 20px;
	width: 530px;
}


/*縦積み*/
.access-item-wrapper-column{
	flex-direction: column;
}
.access-item-wrapper-column .access-item + .access-item{
	margin-top: 20px;
}
.access-item-wrapper-column .access-item{
	width: 100%;
}
.access-item-wrapper-column .access-text{
	margin: 0 auto;
	padding: 0 20px;
	width: 1080px;
}

/** バナーエリア */
.banner-area {
	background: #ffffff;
}
.banner-area .contents-box {
	padding-top: 0;
}
.banner-list {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.banner-list > li {
	margin-right: 1rem;
	margin-bottom: 2rem;
}
.banner-list > li > a:hover img, .banner-list > li > a:active img {
	opacity: .5;
	transition: .3s;
}


/*====================
		
				丸の内1F

====================*/
.maru1{
	background: rgba(220,199,170,0.5);
	color: #646464;
}
.maru1 header .menu-bar-box:after{
	color: #333;
}
.maru1 .bt-box{
	text-align: center;
}
.maru1 .button{
	background: #47301d;
	border: 1px solid #47301d;
	border-radius: 30px;
	color: #fff;
	font-weight: bold;
	height: 60px;
	margin-top: 30px;
	position: relative;
	width: 300px;
}
.maru1 .button:hover{
	background: rgba(0,0,0,0);
	border: 1px solid #47301d;
	color: #47301d;
}
.maru1 h2{
	display: block;
	margin-bottom: 30px;
}
.maru1 .list li{
	border-bottom: 1px dashed #646464;
}
.maru1 .list li:first-of-type{
	border-top: 1px dashed #646464;
}
.maru1 .list li a{
	display: block;
	padding: 18px 40px;
}
.maru1 .list li a dl{
	display: flex;
}
.maru1 .list li a dl dt{
	width: 150px;
}
.maru1 .list li a dl dd{
	width: 100%;
}

/*ページトップ*/
.maru1 #pagetop{
	color: #494949;
}
.maru1 #pagetop a .icon::before{
	border-top: 1px solid #494949;
	border-right: 1px solid #494949;
}

/*===============
			header
===============*/
.maru1 header{
	background: #fff;
}
.maru1 header .login-bt{
	background: #47301d;
	border: 1px solid #47301d;
	color: #fff;
}
.maru1 header .entry-bt{
	background: #0b4fa0;
	border: 1px solid #3b81fb;
	color: #fff;
}
.maru1 header .login-bt:hover,
.maru1 header .entry-bt:hover{
	background: rgba(0,0,0,0);
	color: #47301d;
}
.maru1 header .menu-bar{
	background: #000; 
}
.maru1 header .menu-handle:before{
	color: #646464;
}
.maru1 .menu-contents{
	background: #855832;
}
.maru1 .illustration figure{
	display: block;
	position: absolute;
	z-index: 5;
}

/*===============
	ヒーローエリア
===============*/
.maru1 .hero-area .bx-wrapper{
	height: 100vh;
	margin-bottom: 93px;
}
.maru1 .hero-area .bxslider li{
	height: 100vh;
	position: relative;
}
.maru1 .hero-area .bxslider li a:hover,
.maru1 .hero-area .bxslider li a:active{
	opacity: 1;
}
.maru1 .hero-area .bxslider li img{
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100vw;
}
.maru1 .hero-area .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: -52px;
}
.maru1 .hero-area .bx-wrapper .bx-pager.bx-default-pager a{
	background: none;
	border: 2px solid #646464;
	border-radius: 50%;
	height: 12px;
	width: 12px;
}
.maru1 .hero-area .bx-wrapper .bx-pager.bx-default-pager a:hover,
.maru1 .hero-area .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #646464;
}

/*===============
		緊急告知エリア
===============*/
.maru1 .info-area{
	background: rgba(255,255,255,0.6);
	padding: 30px 50px;
}
.maru1 .info-area .inner{
	padding: 0 50px;
}
.maru1 .info-area .info-title{
	color: #000;
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}

/*===============
	スタハについて
===============*/
.maru1 .concept-area{
	margin-top: 100px;
}
.maru1 .concept-area .contents-box{
	align-items: flex-start;
	background: none;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.maru1 .concept-area .contents-box:before{
	background: #90d1f4;
	background: linear-gradient(to right, rgba(144,209,244,0.2) 0%,rgba(160,143,211,0.2) 100%);
	content: "";
	display: inline-block;
	height: 450px;
	left: -60px;
	position: absolute;
	top: 30px;
	width: 2000px;
	z-index: -5;
}
.maru1 .concept-area .contents-box:after{
	background: rgba(255,255,255,0.6);
	content: "";
	display: inline-block;
	height: 468px;
	left: 90px;
	position: absolute;
	top: -20px;
	width: 1071px;
	z-index: -5;
}
.maru1 .concept-area .contents-box .illustration .il01{
	left: 20px;
	top: 130px;
}
.maru1 .concept-area .contents-box .illustration .il01 img{
	width: 364px;
}
.maru1 .concept-area .contents-box .illustration .il02{
	right: 10px;
	top: 10px;
}
.maru1 .concept-area .contents-box .illustration .il02 img{
	width: 58px;
}
.maru1 .concept-area h2{
	margin-left: 100px;
}
.maru1 .concept-area h2 img{
	width: 216px;
}
.maru1 .concept-area .contents-inner{
	width: 705px;
}
.maru1 .concept-area .lead-tx{
	font-size: 3.0rem;
}
.maru1 .concept-area .service-list{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.maru1 .concept-area .service-list li{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.0;
	padding: 10px;
	text-align: center;
}
.maru1 .concept-area .service-list li img{
	margin-bottom: 10px;
	width: 120px;
}
/*===============
		イベント
===============*/
.maru1 .event-area{
	margin-top: 195px;
}
.maru1 .event-area .contents-box{
	background: rgba(255,255,255,0.5);
	margin-top: 100px;
	padding: 35px 0 30px;
}
.maru1 .event-area .inner{
	position: relative;
	text-align: right;
}
.maru1 .event-area .contents-box .illustration .il01{
	right: 0;
	top: -80px;
}
.maru1 .event-area .contents-box .illustration .il01 img{
	width: 564px;
}
.maru1 .event-area h2{
	padding-right: 80px;
}
.maru1 .event-area h2 img{
	width: 180px;
}

.maru1 .event-area .bx-wrapper .bx-controls-direction a{
	display: block;
	height: 23px;
	text-indent: 9999;
	width: 13px;
}
.maru1 .event-area .bx-wrapper .bx-prev{
	left: -30px;
}
.maru1 .event-area .bx-prev:after{
	background: url("../img/maru1_ic05.svg") no-repeat;
	content: "";
	display: inline-block;
	height: 23px;
	left: 0;
	position: absolute;
	top: 0;
	width: 13px;
}
.maru1 .event-area .bx-wrapper .bx-next{
	right: -30px;
}
.maru1 .event-area .bx-next:after{
	background: url("../img/maru1_ic06.svg") no-repeat;
	content: "";
	display: inline-block;
	height: 23px;
	right: 0;
	position: absolute;
	top: 0;
	width: 13px;
}

.maru1 .event-list {
	position: relative;
	height: 290px;
}
.maru1 .event-list .event-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.maru1 .event-list .event-loader .loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #555555;
	width: 50px;
	height: 50px;
	-webkit-animation: m1-spin 2s linear infinite; /* Safari */
	animation: m1-spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes m1-spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes m1-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.maru1 .event-list .event-error {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.maru1 .event-list #event-reload-btn {
	margin-top: 20px;
}
.maru1 .event-area .event-list li a{
	display: block;
}
.maru1 .event-area .event-list dl{
	background: #fff;
	padding: 15px;
}
.maru1 .event-area .event-list dl dt{
	font-size: 1.4rem;
	height: 22px;
	margin-bottom: 5px;
}
.maru1 .event-area .event-list dl dd.text-overflow{
	color: #313131;
	height: 120px;
	overflow: hidden;
}

/*===============
	コンシェルジュ相談
===============*/
.maru1 .concierge-area{
	background: rgba(255,255,255,0.5);
	margin-top: 100px;
	padding: 35px 0 30px;
}
.maru1 .concierge-area .contents-box{
	position: relative;
}
.maru1 .concierge-area .contents-box .illustration .il01{
	left: 0;
	top: -60px;
}
.maru1 .concierge-area .contents-box .illustration .il01 img{
	width: 178px;
}
.maru1 .concierge-area .contents-box .illustration .il02{
	left: 390px;
	top: -50px;
}
.maru1 .concierge-area .contents-box .illustration .il02 img{
	width: 110px;
}
.maru1 .concierge-area .contents-inner{
	width: 640px;
}
.maru1 .concierge-area h2{
	padding-left: 130px;
}
.maru1 .concierge-area h2 img{
	width: 270px;
}
.maru1 .concierge-area .figure-box .image{
	position: absolute;
	right: 0;
	top: -85px;
}
.maru1 .concierge-area .figure-box .shape{
	fill: url(#g01);
	height: 398px;
	position: absolute;
	right: 20px;
	top: -55px;
	width: 398px;
	z-index: -5;
}
.maru1 .concierge-area .svg-image{
	height: 398px;
	width: 398px;
}



/*===============
		ニュース
===============*/
.maru1 .news-area{
	margin-top: 100px;
}
.maru1 .news-area .contents-box{
	position: relative;
}
.maru1 .news-area .contents-box .illustration .il01{
	right: 295px;
	top: 5px;
}
.maru1 .news-area .contents-box .illustration .il01 img{
	width: 138px;
}
.maru1 .news-area .contents-box .illustration .il02{
	right: 0;
	top: -20px;
}
.maru1 .news-area .contents-box .illustration .il02 img{
	width: 135px;
}
.maru1 .news-area .contents-inner{
	background: rgba(255,255,255,0.5);
	margin-left: 260px;
	padding: 30px 100px 30px;
	position: relative;
	width: 920px;
}
.maru1 .news-area h2{
	padding-right: 110px;
	text-align: right;
}
.maru1 .news-area h2 img{
	width: 160px;
}
.maru1 .news-area .figure-box .image{
	position: absolute;
	left: -260px;
	top: -50px;
	z-index: 1;
}
.maru1 .news-area .figure-box .shape{
	fill: url(#g01);
	height: 354px;
	position: absolute;
	left: -290px;
	top: -20px;
	width: 354px;
}
.maru1 .news-area .svg-image{
	height: 354px;
	width: 354px;
}




/*===============
		マガジン
===============*/
.maru1 .magazine-area{
	margin-top: 100px;
}
.maru1 .magazine-area .contents-box{
	position: relative;
}
.maru1 .magazine-area .contents-box .illustration .il01{
	left: 280px;
	top: -35px;
}
.maru1 .magazine-area .contents-box .illustration .il01 img{
	width: 265px;
}
.maru1 .magazine-area .contents-box .illustration .il02{
	right: -5px;
	top: 10px;
}
.maru1 .magazine-area .contents-box .illustration .il02 img{
	width: 105px;
}
.maru1 .magazine-area .contents-inner{
	background: rgba(255,255,255,0.5);
	margin-left: -100px;
	padding: 30px 100px 30px;
	position: relative;
	width: 920px;
}
.maru1 .magazine-area h2 img{
	width: 280px;
}
.maru1 .magazine-area .figure-box .image{
	position: absolute;
	right: -270px;
	top: 50px;
	z-index: 1;
}
.maru1 .magazine-area .figure-box .shape{
	fill: url(#g01);
	height: 339px;
	position: absolute;
	right: -250px;
	top: 70px;
	width: 339px;
}
.maru1 .magazine-area .svg-image{
	height: 339px;
	width: 339px;
}


/*===============
		利用方法
===============*/
.maru1 .howtojoin-area{
	background: rgba(255,255,255,0.5);
	margin-top: 100px;
	padding: 35px 0 30px;
}
.maru1 .howtojoin-area .contents-box{
	position: relative;
}
.maru1 .howtojoin-area .contents-box .illustration .il01{
	right: 360px;
	top: -65px;
}
.maru1 .howtojoin-area .contents-box .illustration .il01 img{
	width: 208px;
}
.maru1 .howtojoin-area h2{
	text-align: right;
}
.maru1 .howtojoin-area h2 img{
	width: 325px;
}
/*マガジンなし*/
.maru1 .howtojoin-area.left h2{
	text-align: left;
}
.maru1 .howtojoin-area.left .contents-box .illustration .il01{
	left: 370px;
	top: -65px;
}





/*====================
		
				丸の内2F

====================*/

.maru2{
	color: #333;
}
.maru2 h2 .headline-en{
	color: #313131;
	font-size: 6.5rem;
}
.maru2 h2 .headline-ja{
	color: #777;
	font-size: 3.0rem;
}
.maru2 h3{
	font-size: 2.0rem;
	margin-bottom: 20px;
	text-align: center;
}



.maru2 .box-wrapper{
	margin-top: 200px;
}


/*背景*/
.heading-area{
	position: relative;
}

/*ボタン*/
.maru2 .news-bt,
.maru2 .event-bt{
	background: url("../img/maru2_im02.png") no-repeat;
	color: #fff;
	display: block;
	height: 58px;
	margin: 40px auto 0;
	width: 300px;
}
.maru2 .news-bt:hover,
.maru2 .news-bt:active,
.maru2 .event-bt:hover,
.maru2 .event-bt:active{
	opacity: 0.7;
}

.maru2 header .login-bt{
	background: #253458;
	border: 1px solid #253458;
	color: #fff;
}
.maru2 header .entry-bt{
	background: #0b4fa0;
	border: 1px solid #3b81fb;
	color: #fff;
}
.maru2 header .login-bt:hover,
.maru2 header .entry-bt:hover{
	background: rgba(0,0,0,0);
	color: #253458;
}



/*ヘッダー*/

.maru2 header .menu-bar-box:after{
	color: #fff;
}
.maru2 .menu-contents{
	background: #253458;
}



/*ヒーローエリア*/
 .maru2 .hero-area{
	background-image: url("../img/maru2_im01.jpg");

	background-size: cover;
	height: 100vh;
}
.maru2 .hero-area .bg{
	border-style: solid;
	border-width: 0 0 1080px 1080px;
	border-color: transparent transparent rgba(0,17,60,0.85) transparent;
	bottom: 0;
	content: "";
	display: inline-block;
	height: 0;
	left: 537px;
	position: absolute;
	width: 0;
	z-index: -10;
}
.maru2 .lead{
	bottom: 60px;
	color: #fff;
	font-size: 3.6rem;
	position: absolute;
	right: 0;
	text-shadow:4px 5px 5px rgba(0,0,0,0.8);
	width: 800px;
}


/*ニュースエリア*/
.maru2 .news-area .bg{
	border-style: solid;
	border-width: 1080px 1080px 0 0;
	border-color: rgba(0,17,60,0.85) transparent transparent transparent;
	content: "";
	display: inline-block;
	height: 0;
	left: -540px;
	position: absolute;
	top: -100px;
	width: 0;
	z-index: -10;
}
.maru2 .news-area .headline-en,
.maru2 .news-area .headline-ja{
	color: #fff;
}
.maru2 .news-area .inner .contents-box{
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}
.maru2 .news-area .inner .contents-inner{
	width: 100%;
	padding-left: 3%;
}
.maru2 .news-list{
	margin-top: 180px;
}
.maru2 .news-list li{
	border-top: 1px dashed #AFAFAF;
}
.maru2 .news-list li:last-of-type{
	border-bottom: 1px dashed #AFAFAF;
}
.maru2 .news-list li a{
	display: block;
	padding: 25px 30px;
}
.maru2 .news-list li a dl{
	display: flex;
}
.maru2 .news-list li a dt{
	margin-right: 40px;
}


/*イベントエリア*/
.maru2 .event-area h2{
	margin-bottom: 40px;
	text-align: right;
}
.maru2 .event-area .bg{
	border-style: solid;
	border-width: 1080px 1080px 1080px 0;
	border-color: transparent rgba(229,229,231,0.6) transparent transparent;
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	right: -670px;
	top: -765px;
	width: 0;
	z-index: -10;
}
.maru2 .event-list {
	position: relative;
	height: 290px;
}
.maru2 .event-list .event-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.maru2 .event-list .event-loader .loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #555555;
	width: 50px;
	height: 50px;
	-webkit-animation: m2-spin 2s linear infinite; /* Safari */
	animation: m2-spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes m2-spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes m2-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.maru2 .event-list .event-error {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.maru2 .event-list #event-reload-btn {
	margin-top: 20px;
}
.maru2 .event-list li{
	box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.3);
}
.maru2 .event-list dl{
	background: #fff;
	padding: 12px;
}
.maru2 .event-list dt{
	color: #545454;
	font-size: 1.4rem;
	height: 22px;
	margin-bottom: 5px;
}
.maru2 .event-list dd{
	height: 120px;
	overflow: hidden;
}


/*スライダー*/
.maru2 .event-area .bx-wrapper .bx-viewport{
	background: none;
	border: none;
	box-shadow: none;
	/* E-202007-010 START */
	/* height: 345px!important; */
	height: 378.5px !important;
	/* E-202007-010 END */
	left: -10px;
	padding-left: 10px;
	width: calc(100% + 20px) !important;
}
.maru2 .event-area .event-list li a{
	display: block;
}
.maru2 .event-area .bx-wrapper .bx-controls-direction a{
	display: block;
	height: 44px;
	text-indent: 9999;
	width: 44px;
}
.maru2 .event-area .bx-prev:after{
	background: url("../img/maru2_ic01.png") no-repeat;
	content: "";
	display: inline-block;
	height: 44px;
	left: 0;
	position: absolute;
	top: 0;
	width: 44px;
}
.maru2 .event-area .bx-wrapper .bx-prev{
	left: -70px;
}
.maru2 .event-area .bx-wrapper .bx-next{
	right: -70px;
}
.maru2 .event-area .bx-next:after{
	background: url("../img/maru2_ic02.png") no-repeat;
	content: "";
	display: inline-block;
	height: 44px;
	right: 0;
	position: absolute;
	top: 0;
	width: 44px;
}

/*サービスエリア*/
.maru2 .service-area{
	color: #fff;
	height: 895px;
}
.maru2 .service-area .contents-box{
	display: flex;
	height: 895px;
}
.maru2 .service-list{
	display: flex;
	flex-wrap: wrap;
	margin: 280px 0px 0 -122px; 
	transform: rotate(45deg);
	width: 720px;
}
.maru2 .service-item{
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 340px;
	overflow: hidden;
	position: relative;
	width: 340px;
}
.maru2 .service-item:after{
	background-repeat: no-repeat;
	background-size: 340px 340px;
	content: "";
	display: inline-block;
	height: 340px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: transform 0.4s linear 0s;
	transform: translate3d(0,0,0);
	width: 340px;
	z-index: -1;
}
.maru2 .service-item:hover:after{
	transform: scale(1.2);
	z-index: -1;
}
.maru2 .service-item:nth-of-type(2n){
	margin-left: 40px;
}
.maru2 .service-item:nth-of-type(n-2){
	margin-top: 40px;
}
.maru2 .service-item section{
	height: 100%;
	padding: 20px 10px;
	text-align: center;
}
.maru2 .service-item a{
	display: block;
	height: 340px;
	width: 340px;
}
.maru2 .service-item a:hover{
	opacity: 1;
}
.maru2 .service-item section figure{
	margin-bottom: 20px;
}
.maru2 .service-item section figure img{
	height: 70px;
}
.maru2 .joseikin-box:after{
	background-image: url("../img/maru2_im035d4a.jpg?20210201");
}
.maru2 .joseikin-box section{
	transform: rotate(-45deg);
}
.maru2 .joseikin-box:before{
	background: rgba(96,96,96,0.8);
	content: "";
	height: 340px;
	left: 0;
	position: absolute;
	top: 0;
	width: 340px;
}
.maru2 .soudan-box:after{
	background-image: url("../img/maru2_im045d4a.jpg?20210201");
}
.maru2 .soudan-box section{
	transform: rotate(-45deg);
}
.maru2 .seminar-box:after{
	background-image: url("../img/maru2_im055d4a.jpg?20210201");
}
.maru2 .seminar-box section{
	transform: rotate(-45deg);
}
.maru2 .soudan-box:before,
.maru2 .seminar-box:before{
	background: rgba(0,17,60,0.7);
	content: "";
	height: 340px;
	left: 0;
	position: absolute;
	top: 0;
	width: 340px;
}



/*営業時間*/
.maru2 .openinghours-area h2{
	margin-bottom: 40px;
	text-align: right;
}
.maru2 .openinghours-area .bg{
	border-style: solid;
	border-width: 1080px 0 1080px 1080px;
	border-color: transparent transparent transparent rgba(229,229,231,0.6);
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	left: -950px;
	top: -1170px;
	width: 0;
	z-index: -10;
}
.maru2 .openinghours-table{
	margin-bottom: 15px;
}
.maru2 .openinghours-table th{
	background: rgba(0,17,60,0.8);
	color: #fff;
	padding: 15px 40px;
	text-align: left;
	width: 320px;
}
.maru2 .openinghours-table td{
	background: rgba(229,229,231,0.6);
	padding: 15px 40px;
	width: 520px;
}



/*問合せ*/
.maru2 .contact-area .bg{
	border-style: solid;
	border-width: 1080px 1080px 1080px 0;
	border-color: transparent rgba(229,229,231,0.6) transparent transparent;
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	right: -920px;
	top: -1050px;
	width: 0;
	z-index: -10;
}
.maru2 .contact-area{
	color: #fff;
	height: 710px;
}
.maru2 .contact-list{
	margin-left: 500px;
	transform: rotate(45deg);
}
.maru2 .contact-item{
	align-items: center;
	background: rgba(0,17,60,0.8);
	display: flex;
	justify-content: center;
	height: 290px;
	width: 290px;
}
.maru2 .contact-item + .contact-item{
	margin-top: 40px;
}
.maru2 .contact-item section{
	margin: -10px 0 0 -10px;
	transform: rotate(-45deg);
}
.maru2 .tel{
	padding-left: 40px;
	position: relative;
}
.maru2 .tel:before{
	background: url("../img/maru2_ic07.png") no-repeat;
	content: "";
	height: 27px;
	left: 0;
	margin-top: -14px;
	position: absolute;
	top: 50%;
	width: 24px;
}
.maru2 .email{
	margin-top: 10px;
	padding-left: 40px;
	position: relative;
}
.maru2 .email:before{
	background: url("../img/maru2_ic08.png") no-repeat;
	content: "";
	height: 20px;
	left: 0;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 26px;
}

.maru2 .address {
	display: block;
	color: #777;
	font-style: normal;
}
.maru2 .address-link {
	display: inline-block;
	margin-top: 3rem;
}
.maru2 .accoBtn {
	display: block;
	background-color: #777;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 20px;
}
.maru2 .mw300 {
	width: 300px;
}
.maru2 .mt-1 {
	margin-top: 1rem;
}
.maru2 .mt-2 {
	margin-top: 2rem;
}
.maru2 .mt-3 {
	margin-top: 3rem;
}

/*メンバー登録*/
.maru2 .howtojoin-area h2{
	margin-bottom: 40px;
	text-align: right;
}
.maru2 .step-list li{
	background: #E5E5E7;
}

/*バナーエリア*/
.maru2 .bunner-area{
	padding-bottom: 140px;
}
.maru2 .bunner-area .inner{
	position: relative;
}
.maru2 .bunner-area .inner .bg{
	border-style: solid;
	border-width: 1080px 0 0 1080px;
	border-color: transparent transparent transparent rgba(229,229,231,0.6);
	bottom: -140px;
	content: "";
	display: inline-block;
	height: 0;
	left: -630px;
	position: absolute;
	width: 0;
	z-index: -10;
}
.maru2 .bunner-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	width: 1038px;
}
.maru2 .bunner-list li:nth-of-type(3n+1){
	margin-right: 39px;
}
.maru2 .bunner-list li:nth-of-type(3n+2){
	margin-right: 39px;
}
.maru2 .bunner-list li:nth-of-type(n+4){
	margin-top: 20px;
}
.maru2 .bunner-list li img{
	box-shadow: 0 15px 15px rgba(0,0,0,0.3);
}

/*====================
		
		多摩南エリア

====================*/
.tama-south{
	background: rgba(239,232,202,0.5);
	color: #646464;
}
.tama-south header .menu-bar-box:after{
	color: #333;
}
.tama-south .bt-box{
	text-align: center;
}
.tama-south .button{
	background: #bf996f;
	border: 1px solid #bf996f;
	border-radius: 30px;
	color: #fff;
	font-weight: bold;
	height: 60px;
	margin-top: 30px;
	position: relative;
	width: 300px;
}
.tama-south .button:hover{
	background: rgba(0,0,0,0);
	border: 1px solid #bf996f;
	color: #bf996f;
}
.tama-south h2{
	display: block;
	margin-bottom: 30px;
}
.tama-south .list li{
	border-bottom: 1px dashed #646464;
}
.tama-south .list li:first-of-type{
	border-top: 1px dashed #646464;
}
.tama-south .list li a{
	display: block;
	padding: 18px 40px;
}
.tama-south .list li a dl{
	display: flex;
}
.tama-south .list li a dl dt{
	width: 150px;
}
.tama-south .list li a dl dd{
	width: 100%;
}

/*ページトップ*/
.tama-south #pagetop{
	color: #494949;
}
.tama-south #pagetop a .icon::before{
	border-top: 1px solid #494949;
	border-right: 1px solid #494949;
}

/*===============
			header
===============*/
.tama-south header{
	background: #fff;
}
.tama-south header .login-bt,
.tama-south header .entry-bt{
	background: #bf996f;
	border: 1px solid #bf996f;
	color: #fff;
}
.tama-south header .login-bt:hover,
.tama-south header .entry-bt:hover{
	background: rgba(0,0,0,0);
	color: #bf996f;
}
.tama-south header .menu-bar{
	background: #000; 
}
.tama-south header .menu-handle:before{
	color: #646464;
}
.tama-south .menu-contents{
	background: #a97142;
}
.tama-south .illustration figure{
	display: block;
	position: absolute;
	z-index: 5;
}

/*===============
	ヒーローエリア
===============*/
.tama-south .hero-area .bx-wrapper{
	height: 100vh;
	margin-bottom: 93px;
}
.tama-south .hero-area .bxslider li{
	height: 100vh;
	position: relative;
}
.tama-south .hero-area .bxslider li a:hover,
.tama-south .hero-area .bxslider li a:active{
	opacity: 1;
}
.tama-south .hero-area .bxslider li img{
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100vw;
}
.tama-south .hero-area .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: -52px;
}
.tama-south .hero-area .bx-wrapper .bx-pager.bx-default-pager a{
	background: none;
	border: 2px solid #646464;
	border-radius: 50%;
	height: 12px;
	width: 12px;
}
.tama-south .hero-area .bx-wrapper .bx-pager.bx-default-pager a:hover,
.tama-south .hero-area .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #646464;
}

/*===============
		緊急告知エリア
===============*/
.tama-south .info-area{
	background: rgba(255,255,255,0.6);
	padding: 30px 50px;
}
.tama-south .info-area .inner{
	padding: 0 50px;
}
.tama-south .info-area .info-title{
	color: #000;
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}

/*===============
	スタハについて
===============*/
.tama-south .concept-area{
	margin-top: 100px;
}
.tama-south .concept-area .contents-box{
	align-items: flex-start;
	background: none;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.tama-south .concept-area .contents-box:before{
	background: #90d1f4;
	background: linear-gradient(to right, rgba(144,209,244,0.2) 0%,rgba(160,143,211,0.2) 100%);
	content: "";
	display: inline-block;
	height: 450px;
	left: -60px;
	position: absolute;
	top: 30px;
	width: 2000px;
	z-index: -5;
}
.tama-south .concept-area .contents-box:after{
	background: rgba(255,255,255,0.6);
	content: "";
	display: inline-block;
	height: 468px;
	left: 90px;
	position: absolute;
	top: -20px;
	width: 1071px;
	z-index: -5;
}
.tama-south .concept-area .contents-box .illustration .il01{
	left: 20px;
	top: 130px;
}
.tama-south .concept-area .contents-box .illustration .il01 img{
	width: 364px;
}
.tama-south .concept-area .contents-box .illustration .il02{
	right: 10px;
	top: 10px;
}
.tama-south .concept-area .contents-box .illustration .il02 img{
	width: 58px;
}
.tama-south .concept-area h2{
	margin-left: 100px;
}
.tama-south .concept-area h2 img{
	width: 216px;
}
.tama-south .concept-area .contents-inner{
	width: 705px;
}
.tama-south .concept-area .lead-tx{
	font-size: 3.0rem;
}
.tama-south .concept-area .service-list{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.tama-south .concept-area .service-list li{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.0;
	padding: 10px;
	text-align: center;
}
.tama-south .concept-area .service-list li img{
	margin-bottom: 10px;
	width: 120px;
}
/*===============
		イベント
===============*/
.tama-south .event-area{
	margin-top: 195px;
}
.tama-south .event-area .contents-box{
	background: rgba(255,255,255,0.5);
	margin-top: 100px;
	padding: 35px 0 30px;
}
.tama-south .event-area .inner{
	position: relative;
	text-align: right;
}
.tama-south .event-area .contents-box .illustration .il01{
	right: 0;
	top: -80px;
}
.tama-south .event-area .contents-box .illustration .il01 img{
	width: 564px;
}
.tama-south .event-area h2{
	padding-right: 80px;
}
.tama-south .event-area h2 img{
	width: 180px;
}

.tama-south .event-area .bx-wrapper .bx-controls-direction a{
	display: block;
	height: 23px;
	text-indent: 9999;
	width: 13px;
}
.tama-south .event-area .bx-wrapper .bx-prev{
	left: -30px;
}
.tama-south .event-area .bx-prev:after{
	background: url("../img/maru1_ic05.svg") no-repeat;
	content: "";
	display: inline-block;
	height: 23px;
	left: 0;
	position: absolute;
	top: 0;
	width: 13px;
}
.tama-south .event-area .bx-wrapper .bx-next{
	right: -30px;
}
.tama-south .event-area .bx-next:after{
	background: url("../img/maru1_ic06.svg") no-repeat;
	content: "";
	display: inline-block;
	height: 23px;
	right: 0;
	position: absolute;
	top: 0;
	width: 13px;
}
.tama-south .event-list {
	position: relative;
	height: 290px;
}
.tama-south .event-list .event-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.tama-south .event-list .event-loader .loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #555555;
	width: 50px;
	height: 50px;
	-webkit-animation: tamas-spin 2s linear infinite; /* Safari */
	animation: tamas-spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes tamas-spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes tamas-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.tama-south .event-list .event-error {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.tama-south .event-list #event-reload-btn {
	margin-top: 20px;
}
.tama-south .event-area .event-list li a{
	display: block;
}
.tama-south .event-area .event-list dl{
	background: #fff;
	padding: 15px;
}
.tama-south .event-area .event-list dl dt{
	font-size: 1.4rem;
	height: 22px;
	margin-bottom: 5px;
}
.tama-south .event-area .event-list dl dd.text-overflow{
	color: #313131;
	height: 120px;
	overflow: hidden;
}

/*===============
	コンシェルジュ相談
===============*/
.tama-south .concierge-area{
	background: rgba(255,255,255,0.5);
	margin-top: 100px;
	padding: 35px 0 30px;
}
.tama-south .concierge-area .contents-box{
	position: relative;
}
.tama-south .concierge-area .contents-box .illustration .il01{
	left: 0;
	top: -60px;
}
.tama-south .concierge-area .contents-box .illustration .il01 img{
	width: 178px;
}
.tama-south .concierge-area .contents-box .illustration .il02{
	left: 390px;
	top: -50px;
}
.tama-south .concierge-area .contents-box .illustration .il02 img{
	width: 110px;
}
.tama-south .concierge-area .contents-inner{
	width: 640px;
}
.tama-south .concierge-area h2{
	padding-left: 130px;
}
.tama-south .concierge-area h2 img{
	width: 270px;
}
.tama-south .concierge-area .figure-box .image{
	position: absolute;
	right: 0;
	top: -85px;
}
.tama-south .concierge-area .figure-box .shape{
	fill: url(#g01);
	height: 398px;
	position: absolute;
	right: 20px;
	top: -55px;
	width: 398px;
	z-index: -5;
}
.tama-south .concierge-area .svg-image{
	height: 398px;
	width: 398px;
}



/*===============
		ニュース
===============*/
.tama-south .news-area{
	margin-top: 100px;
}
.tama-south .news-area .contents-box{
	position: relative;
}
.tama-south .news-area .contents-box .illustration .il01{
	right: 295px;
	top: 5px;
}
.tama-south .news-area .contents-box .illustration .il01 img{
	width: 138px;
}
.tama-south .news-area .contents-box .illustration .il02{
	right: 0;
	top: -20px;
}
.tama-south .news-area .contents-box .illustration .il02 img{
	width: 135px;
}
.tama-south .news-area .contents-inner{
	background: rgba(255,255,255,0.5);
	margin-left: 260px;
	padding: 30px 100px 30px;
	position: relative;
	width: 920px;
}
.tama-south .news-area h2{
	padding-right: 110px;
	text-align: right;
}
.tama-south .news-area h2 img{
	width: 160px;
}
.tama-south .news-area .figure-box .image{
	position: absolute;
	left: -260px;
	top: -50px;
	z-index: 1;
}
.tama-south .news-area .figure-box .shape{
	fill: url(#g01);
	height: 354px;
	position: absolute;
	left: -290px;
	top: -20px;
	width: 354px;
}
.tama-south .news-area .svg-image{
	height: 354px;
	width: 354px;
}




/*===============
		マガジン
===============*/
.tama-south .magazine-area{
	margin-top: 100px;
}
.tama-south .magazine-area .contents-box{
	position: relative;
}
.tama-south .magazine-area .contents-box .illustration .il01{
	left: 350px;
	top: -35px;
}
.tama-south .magazine-area .contents-box .illustration .il01 img{
	width: 265px;
}
.tama-south .magazine-area .contents-box .illustration .il02{
	right: -5px;
	top: 10px;
}
.tama-south .magazine-area .contents-box .illustration .il02 img{
	width: 105px;
}
.tama-south .magazine-area .contents-inner{
	background: rgba(255,255,255,0.5);
	margin-left: -100px;
	padding: 30px 100px 30px;
	position: relative;
	width: 920px;
}
.tama-south .magazine-area h2 img{
	width: 355px;
}
.tama-south .magazine-area .figure-box .image{
	position: absolute;
	right: -270px;
	top: 50px;
	z-index: 1;
}
.tama-south .magazine-area .figure-box .shape{
	fill: url(#g01);
	height: 339px;
	position: absolute;
	right: -250px;
	top: 70px;
	width: 339px;
}
.tama-south .magazine-area .svg-image{
	height: 339px;
	width: 339px;
}


/*===============
		利用方法
===============*/
.tama-south .howtojoin-area{
	background: rgba(255,255,255,0.5);
	margin-top: 100px;
	padding: 35px 0 30px;
}
.tama-south .howtojoin-area .contents-box{
	position: relative;
}
.tama-south .howtojoin-area .contents-box .illustration .il01{
	right: 360px;
	top: -65px;
}
.tama-south .howtojoin-area .contents-box .illustration .il01 img{
	width: 208px;
}
.tama-south .howtojoin-area h2{
	text-align: right;
}
.tama-south .howtojoin-area h2 img{
	width: 325px;
}
/*マガジンなし*/
.tama-south .howtojoin-area.left h2{
	text-align: left;
}
.tama-south .howtojoin-area.left .contents-box .illustration .il01{
	left: 370px;
	top: -65px;
}





/*====================
		
			多摩北エリア

====================*/

.tama-north{
	color: #333;
}
.tama-north h2 .headline-en{
	color: #313131;
	font-size: 6.5rem;
}
.tama-north h2 .headline-ja{
	color: #777;
	font-size: 3.0rem;
}
.tama-north h3{
	font-size: 2.0rem;
	margin-bottom: 20px;
	text-align: center;
}
.tama-north .address {
	display: block;
	color: #777;
	font-style: normal;
}
.tama-north .address-link {
	display: inline-block;
	margin-top: 3rem;
}
.tama-north .accoBtn {
	display: block;
	background-color: #777;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 20px;
}
.tama-north .mw300 {
	width: 300px;
}
.tama-north .mt-1 {
	margin-top: 1rem;
}
.tama-north .mt-2 {
	margin-top: 2rem;
}
.tama-north .mt-3 {
	margin-top: 3rem;
}

.tama-north .box-wrapper{
	margin-top: 250px;
}


/*背景*/
.tama-north .heading-area{
	position: relative;
}

/*ボタン*/
.tama-north .news-bt,
.tama-north .event-bt{
	background: url("../img/TN_im02.png") no-repeat;
	color: #fff;
	display: block;
	height: 58px;
	margin: 40px auto 0;
	width: 300px;
}
.tama-north .news-bt:hover,
.tama-north .news-bt:active,
.tama-north .event-bt:hover,
.tama-north .event-bt:active{
	opacity: 0.7;
}
.tama-north header .login-bt,
.tama-north header .entry-bt{
	background: #003327;
	border: 1px solid #003327;
	color: #FFFFFF;
}
.tama-north header .login-bt:hover,
.tama-north header .entry-bt:hover{
	background: rgba(0,0,0,0);
	color: #003327;
}

/*ヘッダー*/
.tama-north header .menu-bar-box:after{
	color: #fff;
}
.tama-north .menu-contents{
	background: #003327;
}



/*ヒーローエリア*/
 .tama-north .hero-area{
	background-image: url("../img/tamanorth_im01.jpg");
	background-size: cover;
	height: 100vh;
	background-position: center left;
}
.tama-north .hero-area .bg{
	border-style: solid;
	border-width: 0 0 1080px 1080px;
	border-color: transparent transparent rgba(0,51,39,0.85) transparent;
	bottom: 0;
	content: "";
	display: inline-block;
	height: 0;
	left: 537px;
	position: absolute;
	width: 0;
	z-index: -10;
}
.tama-north .lead{
	bottom: 60px;
	color: #fff;
	font-size: 3.6rem;
	position: absolute;
	right: 0;
	text-shadow:4px 5px 5px rgba(0,0,0,0.8);
	background-color: rgba(0,0,0,0.3);
	padding: 10px;
	width: 800px;
}


/*ニュースエリア*/
.tama-north .news-area .bg{
	border-style: solid;
	border-width: 1080px 1080px 0 0;
	border-color: rgba(0,51,39,0.85) transparent transparent transparent;
	content: "";
	display: inline-block;
	height: 0;
	left: -540px;
	position: absolute;
	top: -100px;
	width: 0;
	z-index: -10;
}
.tama-north .news-area .headline-en,
.tama-north .news-area .headline-ja{
	color: #fff;
}
.tama-north .news-area .inner .contents-box{
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}
.tama-north .news-area .inner .contents-inner{
	width: 100%;
	padding-left: 3%;
}
.tama-north .news-list{
	margin-top: 180px;
}
.tama-north .news-list li{
	border-top: 1px dashed #AFAFAF;
}
.tama-north .news-list li:last-of-type{
	border-bottom: 1px dashed #AFAFAF;
}
.tama-north .news-list li a{
	display: block;
	padding: 25px 30px;
}
.tama-north .news-list li a dl{
	display: flex;
}
.tama-north .news-list li a dt{
	margin-right: 40px;
}


/*イベントエリア*/
.tama-north .event-area h2{
	margin-bottom: 40px;
	text-align: right;
}
.tama-north .event-area .bg{
	border-style: solid;
	border-width: 1080px 1080px 1080px 0;
	border-color: transparent rgba(229,229,231,0.6) transparent transparent;
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	right: -670px;
	top: -765px;
	width: 0;
	z-index: -10;
}
.tama-north .event-list {
	position: relative;
	height: 290px;
}
.tama-north .event-list .event-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.tama-north .event-list .event-loader .loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #555555;
	width: 50px;
	height: 50px;
	-webkit-animation: taman-spin 2s linear infinite; /* Safari */
	animation: taman-spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes taman-spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes taman-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.tama-north .event-list .event-error {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.tama-north .event-list #event-reload-btn {
	margin-top: 20px;
}
.tama-north .event-list li{
	box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.3);
}
.tama-north .event-list dl{
	background: #fff;
	padding: 12px;
}
.tama-north .event-list dt{
	color: #545454;
	font-size: 1.4rem;
	height: 22px;
	margin-bottom: 5px;
}
.tama-north .event-list dd{
	height: 120px;
	overflow: hidden;
}

/*スライダー*/
.tama-north .bx-wrapper .bx-viewport{
	background: none;
	border: none;
	box-shadow: none;
	/* E-202007-010 START */
	/* height: 345px!important; */
	height: 378.5px !important;
	/* E-202007-010 END */
	left: -10px;
	padding-left: 10px;
	width: calc(100% + 20px) !important;
}
.tama-north .event-area .event-list li a{
	display: block;
}
.tama-north .event-area .bx-wrapper .bx-controls-direction a{
	display: block;
	height: 44px;
	text-indent: 9999;
	width: 44px;
}
.tama-north .bx-prev:after{
	background: url("../img/TN_ic01.png") no-repeat;
	content: "";
	display: inline-block;
	height: 44px;
	left: 0;
	position: absolute;
	top: 0;
	width: 44px;
}
.tama-north .bx-wrapper .bx-prev{
	left: -70px;
}
.tama-north .bx-wrapper .bx-next{
	right: -70px;
}
.tama-north .bx-next:after{
	background: url("../img/TN_ic02.png") no-repeat;
	content: "";
	display: inline-block;
	height: 44px;
	right: 0;
	position: absolute;
	top: 0;
	width: 44px;
}

/*サービスエリア*/
.tama-north .service-area{
	color: #fff;
	height: 895px;
}
.tama-north .service-area .contents-box{
	display: flex;
	height: 895px;
}
.tama-north .service-list{
	display: flex;
	flex-wrap: wrap;
	margin: 280px 0px 0 -122px; 
	transform: rotate(45deg);
	width: 720px;
}
.tama-north .service-item{
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 340px;
	overflow: hidden;
	position: relative;
	width: 340px;
}
.tama-north .service-item:after{
	background-repeat: no-repeat;
	background-size: 340px 340px;
	content: "";
	display: inline-block;
	height: 340px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: transform 0.4s linear 0s;
	transform: translate3d(0,0,0);
	width: 340px;
	z-index: -1;
}
.tama-north .service-item:hover:after{
	transform: scale(1.2);
	z-index: -1;
}
.tama-north .service-item:nth-of-type(2n){
	margin-left: 40px;
}
.tama-north .service-item:nth-of-type(n-2){
	margin-top: 40px;
}
.tama-north .service-item section{
	height: 100%;
	padding: 20px 10px;
	text-align: center;
}
.tama-north .service-item a{
	display: block;
	height: 340px;
	width: 340px;
}
.tama-north .service-item a:hover{
	opacity: 1;
}
.tama-north .service-item section figure{
	margin-bottom: 20px;
}
.tama-north .service-item section figure img{
	height: 70px;
}
.tama-north .seminar-box section{
	transform: rotate(-45deg);
}
.tama-north .seminar-box:before{
	background: rgba(0,51,39,0.7);
	content: "";
	height: 340px;
	left: 0;
	position: absolute;
	top: 0;
	width: 340px;
}
.tama-north .soudan-box:after{
	background-image: url("../img/TN_im045d4a.jpg?20210201");
}
.tama-north .soudan-box section{
	transform: rotate(-45deg);
}
.tama-north .seminar-box:after{
	background-image: url("../img/TN_im055d4a.jpg?20210201");
}
.tama-north .sonota-box section{
	transform: rotate(-45deg);
}
.tama-north .sonota-box:after{
	background-image: url("../img/TN_im035d4a.jpg?20210201");
}
.tama-north .soudan-box:before{
	background: rgba(0,51,39,0.7);
	content: "";
	height: 340px;
	left: 0;
	position: absolute;
	top: 0;
	width: 340px;
}

.tama-north .sonota-box:before{
	background: rgba(96,96,96,0.8);
	content: "";
	height: 340px;
	left: 0;
	position: absolute;
	top: 0;
	width: 340px;
}



/*営業時間*/
.tama-north .openinghours-area h2{
	margin-bottom: 40px;
	text-align: right;
}
.tama-north .openinghours-area .bg{
	border-style: solid;
	border-width: 1080px 0 1080px 1080px;
	border-color: transparent transparent transparent rgba(229,229,231,0.6);
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	left: -950px;
	top: -1170px;
	width: 0;
	z-index: -10;
}
.tama-north .openinghours-table{
	margin-bottom: 15px;
}
.tama-north .openinghours-table th{
	background: rgba(0,51,39,0.8);
	color: #fff;
	padding: 15px 40px;
	text-align: left;
	width: 320px;
}
.tama-north .openinghours-table td{
	background: rgba(229,229,231,0.6);
	padding: 15px 40px;
	width: 520px;
}



/*問合せ*/
.tama-north .contact-area .bg{
	border-style: solid;
	border-width: 1080px 1080px 1080px 0;
	border-color: transparent rgba(229,229,231,0.6) transparent transparent;
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	right: -920px;
	top: -1050px;
	width: 0;
	z-index: -10;
}
.tama-north .contact-area{
	color: #fff;
	height: 450px;
}
.tama-north .contact-list{
	margin-left: 500px;
	transform: rotate(45deg);
}
.tama-north .contact-item{
	align-items: center;
	background: rgba(0,51,39,0.8);
	display: flex;
	justify-content: center;
	height: 290px;
	width: 290px;
}
.tama-north .contact-item + .contact-item{
	margin-top: 40px;
}
.tama-north .contact-item div{
	margin: -10px 0 0 -10px;
	transform: rotate(-45deg);
}
.tama-north .tel{
	padding-left: 40px;
	position: relative;
}
.tama-north .tel:before{
	background: url("../img/TN_ic07.png") no-repeat;
	content: "";
	height: 27px;
	left: 0;
	margin-top: -14px;
	position: absolute;
	top: 50%;
	width: 24px;
}
.tama-north .email{
	margin-top: 10px;
	padding-left: 40px;
	position: relative;
}
.tama-north .email:before{
	background: url("../img/TN_ic08.png") no-repeat;
	content: "";
	height: 20px;
	left: 0;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 26px;
}

/*メンバー登録*/
.tama-north .howtojoin-area h2{
	margin-bottom: 40px;
	text-align: right;
}
.tama-north .step-list li{
	background: #E5E5E7;
}


/*バナーエリア*/
.tama-north .bunner-area{
	padding-bottom: 140px;
}
.tama-north .bunner-area .inner{
	position: relative;
}
.tama-north .bunner-area .inner .bg{
	border-style: solid;
	border-width: 1080px 0 0 1080px;
	border-color: transparent transparent transparent rgba(229,229,231,0.6);
	bottom: -140px;
	content: "";
	display: inline-block;
	height: 0;
	left: -630px;
	position: absolute;
	width: 0;
	z-index: -10;
}
.tama-north .bunner-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	width: 1038px;
}
.tama-north .bunner-list li:nth-of-type(3n+1){
	margin-right: 39px;
}
.tama-north .bunner-list li:nth-of-type(3n+2){
	margin-right: 39px;
}
.tama-north .bunner-list li:nth-of-type(n+4){
	margin-top: 20px;
}
.tama-north .bunner-list li img{
	box-shadow: 0 15px 15px rgba(0,0,0,0.3);
}

/*フッターリンク*/
footer .footer-inner .footer-nav {
	display: flex;
}
.footer-links {
	flex-direction: column;
	justify-content: flex-start!important;
	text-align: left!important;
	margin-right: 2rem;
}
.footer-nav ul.footer-links li + li {
	margin: 0;
}
/*
.footer-links .mw105 {
	min-width: 105px
}

.footer-links .mw140 {
	min-width: 140px
}
*/
	/*==========動きに関係あるスタイル==========*/

	/*上下にふわふわする動き*/
	.foo {
		animation: fluffy1 3s linear infinite;
	}
	@keyframes fluffy1 {
		0% {transform:translateY(0);}
		25% {transform:translateY(15px);}
		50% {transform:translateY(0);}
		75% {transform:translateY(15px);}
		100% {transform:translateY(0);}
	}
	@keyframes fluffy2 {
		0% {transform:translateY(0);}
		25% {transform:translateY(10px);}
		50% {transform:translateY(0);}
		75% {transform:translateY(10px);}
		100% {transform:translateY(0);}
	}
	@keyframes fluffy3 {
		0% {transform:translateY(0) rotate(-45deg);}
		25% {transform:translateY(-10px) rotate(-45deg);}
		50% {transform:translateY(0) rotate(-45deg);}
		75% {transform:translateY(-10px) rotate(-45deg);}
		100% {transform:translateY(0) rotate(-45deg);}
	}

	/*ふわっと表示させる動きに関係あるスタイル*/
	.sa {
		opacity: 0;
		transition: all .5s ease;
	}

	.sa.show {
		opacity: 1;
		transform: none;
	}

	.sa-lr {
		transform: translate(-100px, 0);
	}

	.sa-rl {
		transform: translate(100px, 0);
	}

	.sa-up {
		transform: translate(0, 100px);
	}

	.sa-down {
		transform: translate(0, -100px);
	}

	.sa-lrul {
		transform: translate(100px, 100px);
	}

	.sa-scaleUp {
		transform: scale(.5);
	}

	.sa-scaleDown {
		transform: scale(1.5);
	}

	.sa-rotateL {
		transform: rotate(180deg);
	}

	.sa-rotateR {
		transform: rotate(-180deg);
	}




@media screen and (min-width: 769px) and (max-width: 1079px){
	
	.sp-only{
		display: block;
	}
	.pc-only{
		display: none;
	}
	
	
	header .menu-bar-box:hover:after,
	header .menu-bar-box:hover .menu-bar{
		opacity: 1.0;
	}
	header .logo img{
		
	}
	.footer-nav ul li + li{
		margin-left: 15px;
	}
	.footer-nav ul li a{
		padding-left: 10px;
	}
	

	
	/*===============
	
				TOP
	
	===============*/
	.all-wrapper{
		max-width: 100vw;
	}
	.top .contents-box{
		padding: 30px 0;
	}
	/*ヘッダー*/
	header{
		padding: 0 20px;
	}
	.top header{
		padding: 20px;
	}
	.page-link{
		display: none;
	}
	/*背景*/
	
	/*ヒーローエリア*/
	.top .hero-area {
		min-height: 990px;
	}
	/*ABOUT US*/
	.aboutus-area .contents-box{
		padding: 100px;
		top: 60px;
	}
	/*拠点一覧*/
	.floor-list{
		margin-left: -340px;
	}
	.floor-item{
		width: 680px;
	}
	.list-bt{
		width: 200px;
	}
	/*イベント・ニュー―スエリア*/
	.top .event-list,
	.top .news-list{
		margin-left: 40px;
	}
	/*メンバー登録*/
	.step-list{
		align-items: center;
		flex-direction: column;
	}
	.step-list li{
		width: 600px;
	}
	.step-list li + li{
		margin-top: 50px;
	}
	.step-list li + li:before{
		left: 50%;
		margin-left: -60px;
		top: -22px;
		transform: rotate(90deg);
	}
	/*アクセス*/
	/*横並び*/
	.access-item-wrapper-row .access-text{
		width: 100%;
	}
	/*縦積み*/
	.access-item-wrapper-column .access-text{
		width: 100%;
	}

	/*フッター*/
	.sub-footer-inner{
		padding: 30px 20px;
	}
	.sub-footer-inner .nav-area{
		display: block;
	}
	.sub-footer-inner .sub-footer-nav-title{
		margin-bottom: 10px;
	}
	.footer-inner{
		padding: 30px 20px;
	}
	/* .footer-inner .nav-area{
		width: 100%;
	} */
	.top .footer-inner .inner{
		padding: 0;
	}
	/*パンくず*/
	.pankuzu-nav-wrapper{
		padding: 10px 20px 6px;
		width: 100%;
	}
	.pankuzu-nav{
		width: 100%;
	}

	
	/*===============
	
			丸の内1F
	
	===============*/
	.maru1 .inner{
		padding: 0 20px;
	}
	.maru1 .menu-contents .gnav li a{
		padding: 10px 20px;
	}
	.maru1 .sns-list{
		margin: 20px 10px 0 10px;
	}
	.maru1 .menu-contents .bt-box{
		margin-top: 20px;
		margin-left: 20px;
		text-align: left;
	}
	.maru1 .menu-contents .bt-box .entry-bt,
	.maru1 .menu-contents .bt-box .login-bt{
		background: inherit;
		border: 1px solid #fff;
		color: #fff;
		height: 38px;
		padding: 10px;
		width: 200px;
	}
	.maru1 header .login-bt{
		margin-right: 0;
	}
	/*ヒーローエリア*/
	.maru1 .hero-area{
		margin-top: 77px;
	}
	.maru1 .hero-area .bx-wrapper{
		height: auto;
		width: 100vw;
	}
	.maru1 .hero-area .bxslider li{
		height: auto;
	}
	.maru1 .hero-area .bxslider li img{
		bottom: auto;
		left: auto;
		margin: auto;
		position: relative;
		right: auto;
		top: auto;
		width: 100vw;
	}


	/*コンセプト*/
	.maru1 .concept-area h2{
		margin-left: 30px;
	}
	.maru1 .concept-area .contents-box{
		align-items: flex-start;
		background: none;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
	}
	.maru1 .concept-area .contents-box:before{
		height: 532px;
	}
	.maru1 .concept-area .contents-box:after{
		height: 562px;
		left: 10px;
		width: calc(100vw - 20px);
	}
	.maru1 .concept-area .contents-inner{
		margin-left: 30px;
		width: calc(100% - 60px);
	}
	.maru1 .concept-area .service-list{
		margin: 20px auto 0;
		max-width: 705px;
	}
	.maru1 .concept-area .service-list li img{
		width: 100px;
	}
	.maru1 .concept-area .contents-box .illustration .il01{
		left: auto;
		right: 0;
		top: -70px;
	}
	.maru1 .concept-area .contents-box .illustration .il01 img{
		width: 260px;
	}
	
	/*イベント*/
	.maru1 .event-area .contents-box .illustration .il01{
		right: 30px;
	}
	.maru1 .event-area .contents-box .illustration .il01 img{
		width: 490px;
	}
	.prev-arrow{
		left: 20px;
	}
	.next-arrow{
		right: 20px;
	}

	
	/*コンシェルジュ*/
	.maru1 .concierge-area{
		padding: 35px 30px 30px;
	}
	.maru1 .concierge-area .contents-inner{
		width: 100%;
	}
	.maru1 .concierge-area h2{
		padding-left: 0;
	}
	.maru1 .concierge-area .contents-box .illustration .il01{
		left: 290px;
		top: -60px;
	}
	.maru1 .concierge-area .contents-box .illustration .il01 img{
		width: 200px;
	}
	
	/*お知らせ*/
	.maru1 .news-area h2{
		padding-right: 0;
	}
	.maru1 .news-area .contents-box .illustration .il01{
		right: 240px;
		top: -20px;
	}
	.maru1 .news-area .contents-box .illustration .il01 img{
		width: 160px;
	}
	.maru1 .news-area .contents-inner{
		margin-left: 0;
		padding: 35px 50px 30px;
		width: 100%;
	}
	
	/*スタハマガジン*/
	.maru1 .magazine-area .contents-box .illustration .il01{
		left: 330px;
		top: -30px;
	}
	.maru1 .magazine-area .contents-inner{
		margin-left: 0;
		padding: 35px 50px 30px;
		width: 100%;
	}
	/*利用方法*/
	.maru1 .howtojoin-area .contents-box .illustration .il01{
		top: -55px;
	}
	
	
	/*===============
	
				2FTOP
	
	===============*/
	
	.maru2 .inner{
		padding: 0 20px;
	}
	.maru2 h3{
		margin-bottom: 10px;
	}
	/*header*/
	.maru2 .menu-bar {
		background-color: #fff;
	}
	.maru2 .gnav > ul{
		font-size: 2.0rem;
	}
	.maru2 .active > .menu-contents{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*左から出す*/
	}
	.maru2 .menu-contents .gnav ul{
		flex-direction: column;
	}
	.maru2 .menu-contents .gnav ul li a{
		display: block;
		padding: 10px;
	}
	/*ヒーローエリア*/
	.maru2 .lead{
		padding: 20px;
		width: 80%;
	}
	.maru2 .hero-area .inner{
		height: 100vh;
	}
	.maru2 .hero-area .bg{
		left: 552px;
	}
	/*ニュース*/
	.maru2 .news-area .bg{
		left: -545px;
	}
	/*サービスエリア*/
	.maru2 .service-area{
		height: 845px;
	}
	.maru2 .service-area .contents-box{
		display: block;
		margin-bottom: 840px;
		position: relative;
	}
	.maru2 .service-list{
		font-size: 1.4rem;
		left: 50%;
		margin: -30px 0 0 -100px;
		position: absolute;
		transform: rotate(-45deg);
	}
	.maru2 .service-item{
		height: 280px;
		position: absolute;
		transform: rotate(90deg);
		width: 280px
	}
	.maru2 .service-item section figure svg{
		height: 35px;
	}
	.maru2  .joseikin-box{
		background-position: center;
		top: -210px;
		left: -270px;
	}
	.maru2 .seminar-box{
		top: 100px;
		right: 710px;
	}
	.maru2 .soudan-box{
		background-position: center;
		top: -210px;
		right: 400px;
	}
	.maru2 .service-item:before{
		height: 280px;
		width: 280px;
	}
	.maru2 .service-item:nth-of-type(n-2){
		margin-top: 10px;
	}
	.maru2 .service-item:nth-of-type(2n){
		margin-left: 10px;
	}
	.maru2 .service-item a{
		height: 280px;
		width: 280px;
	}
	.maru2 .service-item section{
		padding: 40px 25px;
		transform: rotate(-45deg);
	}
	.maru2 .service-item section figure{
		margin-bottom: 10px;
	}
	.maru2 .service-item section figure img{
		height: 50px;
		width: auto;
	}
	/*お問い合わせ*/
	.maru2 .contact-list{
		margin-left: 40%;
	}
	/*バナーエリア*/
	.maru2 .bunner-list{
		padding: 0 20px;
		width: 700px;
		justify-content: space-between;
	}
	.maru2 .bunner-list li{
		margin-right: 0px !important;
	}
	.maru2 .bunner-list li:nth-of-type(n+4){
		margin-top: 0;
	}
	.maru2 .bunner-list li:nth-of-type(n+3){
		margin-top: 10px;
	}
	
	/*===============
	
			多摩南エリア
	
	===============*/
	.tama-south .inner{
		padding: 0 20px;
	}
	.tama-south .menu-contents .gnav li a{
		padding: 10px 20px;
	}
	.tama-south .sns-list{
		margin: 20px 10px 0 10px;
	}
	.tama-south .menu-contents .bt-box{
		margin-top: 20px;
		margin-left: 20px;
		text-align: left;
	}
	.tama-south .menu-contents .bt-box .entry-bt,
	.tama-south .menu-contents .bt-box .login-bt{
		background: inherit;
		border: 1px solid #fff;
		color: #fff;
		height: 38px;
		padding: 10px;
		width: 200px;
	}
	.tama-south header .login-bt{
		margin-right: 0;
	}
	/*ヒーローエリア*/
	.tama-south .hero-area{
		margin-top: 77px;
	}
	.tama-south .hero-area .bx-wrapper{
		height: auto;
		width: 100vw;
	}
	.tama-south .hero-area .bxslider li{
		height: auto;
	}
	.tama-south .hero-area .bxslider li img{
		bottom: auto;
		left: auto;
		margin: auto;
		position: relative;
		right: auto;
		top: auto;
		width: 100vw;
	}
	
	/*コンセプト*/
	.tama-south .concept-area h2{
		margin-left: 30px;
	}
	.tama-south .concept-area .contents-box{
		align-items: flex-start;
		background: none;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
	}
	.tama-south .concept-area .contents-box:before{
		height: 532px;
	}
	.tama-south .concept-area .contents-box:after{
		height: 562px;
		left: 10px;
		width: calc(100vw - 20px);
	}
	.tama-south .concept-area .contents-inner{
		margin-left: 30px;
		width: calc(100% - 60px);
	}
	.tama-south .concept-area .service-list{
		margin: 20px auto 0;
		max-width: 705px;
	}
	.tama-south .concept-area .service-list li img{
		width: 100px;
	}
	.tama-south .concept-area .contents-box .illustration .il01{
		left: auto;
		right: 0;
		top: -70px;
	}
	.tama-south .concept-area .contents-box .illustration .il01 img{
		width: 260px;
	}
	
	/*イベント*/
	.tama-south .event-area .contents-box .illustration .il01{
		right: 30px;
	}
	.tama-south .event-area .contents-box .illustration .il01 img{
		width: 490px;
	}
	.prev-arrow{
		left: 20px;
	}
	.next-arrow{
		right: 20px;
	}

	
	/*コンシェルジュ*/
	.tama-south .concierge-area{
		padding: 35px 30px 30px;
	}
	.tama-south .concierge-area .contents-inner{
		width: 100%;
	}
	.tama-south .concierge-area h2{
		padding-left: 0;
	}
	.tama-south .concierge-area .contents-box .illustration .il01{
		left: 290px;
		top: -60px;
	}
	.tama-south .concierge-area .contents-box .illustration .il01 img{
		width: 200px;
	}
	
	/*お知らせ*/
	.tama-south .news-area h2{
		padding-right: 0;
	}
	.tama-south .news-area .contents-box .illustration .il01{
		right: 240px;
		top: -20px;
	}
	.tama-south .news-area .contents-box .illustration .il01 img{
		width: 160px;
	}
	.tama-south .news-area .contents-inner{
		margin-left: 0;
		padding: 35px 50px 30px;
		width: 100%;
	}
	
	/*スタハマガジン*/
	.tama-south .magazine-area .contents-box .illustration .il01{
		left: 330px;
		top: -30px;
	}
	.tama-south .magazine-area .contents-inner{
		margin-left: 0;
		padding: 35px 50px 30px;
		width: 100%;
	}
	/*利用方法*/
	.tama-south .howtojoin-area .contents-box .illustration .il01{
		top: -55px;
	}

	/*===============
	
		多摩北エリアTOP
	
	===============*/
	
	.tama-north .inner{
		padding: 0 20px;
	}
	.tama-north h3{
		margin-bottom: 10px;
	}
	/*header*/
	.tama-north .menu-bar {
		background-color: #fff;
	}
	.tama-north .gnav > ul{
		font-size: 2.0rem;
	}
	.tama-north .active > .menu-contents{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*左から出す*/
	}
	.tama-north .menu-contents .gnav ul{
		flex-direction: column;
	}
	.tama-north .menu-contents .gnav ul li a{
		display: block;
		padding: 10px;
	}
	/*ヒーローエリア*/
	.tama-north .lead{
		padding: 20px;
		width: 80%;
		background-color: rgba(0,0,0,0.3);
		padding: 10px;
	}
	.tama-north .hero-area .inner{
		height: 100vh;
	}
	.tama-north .hero-area .bg{
		left: 552px;
	}
	/*ニュース*/
	.tama-north .news-area .bg{
		left: -545px;
	}
	/*サービスエリア*/
	.tama-north .service-area{
		height: 845px;
	}
	.tama-north .service-area .contents-box{
		display: block;
		margin-bottom: 840px;
		position: relative;
	}
	.tama-north .service-list{
		font-size: 1.4rem;
		left: 50%;
		margin: -30px 0 0 -100px;
		position: absolute;
		transform: rotate(-45deg);
	}
	.tama-north .service-item{
		height: 280px;
		position: absolute;
		transform: rotate(90deg);
		width: 280px
	}
	.tama-north .service-item section figure svg{
		height: 35px;
	}
	.tama-north .seminar-box{
		background-position: center;
		top: 90px;
		left: -270px;
	}
	.tama-north .soudan-box{
		top: -210px;
		right: 400px;
	}
	.tama-north .sonota-box{
		background-position: center;
		top: -210px;
		right: 700px;
	}
	.tama-north .service-item:before{
		height: 280px;
		width: 280px;
	}
	.tama-north .service-item:nth-of-type(n-2){
		margin-top: 10px;
	}
	.tama-north .service-item:nth-of-type(2n){
		margin-left: 10px;
	}
	.tama-north .service-item a{
		height: 280px;
		width: 280px;
	}
	.tama-north .service-item section{
		padding: 40px 25px;
		transform: rotate(-45deg);
	}
	.tama-north .service-item section figure{
		margin-bottom: 10px;
	}
	.tama-north .service-item section figure img{
		height: 50px;
		width: auto;
	}
	/*お問い合わせ*/
	.tama-north .contact-list{
		margin-left: 40%;
	}
	/*バナーエリア*/
	.tama-north .bunner-list{
		padding: 0 20px;
		width: 700px;
		justify-content: space-between;
	}
	.tama-north .bunner-list li{
		margin-right: 0 !important;
	}
	.tama-north .bunner-list li:nth-of-type(n+4){
		margin-top: 0;
	}
	.tama-north .bunner-list li:nth-of-type(n+3){
		margin-top: 10px;
	}

}



@media screen and (max-width: 768px){
	
	body{
		font-size: 1.3rem;
		line-height: 1.5;
	}
	
	
	.sp-only{
		display: block;
	}
	.pc-only{
		display: none;
	}

	
	a:hover,
	a:active{
		opacity: 1;
	}
	
	
	.inner{
		margin: 0 auto;
		padding: 0 20px;
	}
	footer .nav-area{
		padding: 0 20px;
		width: 100%;
	}
	
	
	header .menu-wrapper .bt-box{
		margin-right: 38px;
	}
	header .login-bt,
	header .entry-bt{
		font-size: 1.2rem;
		padding: 8px 0;
		width: 110px;
	}
	header .login-bt{
		margin-left: 5px;
	}
	header .login-bt:after{
		height: 26px;
		margin-top: -13px;
		right: -5px;
	}
	header .logo img{
		
	}
	.top .logo.header-logo img{
		width: 160px;
		height:26px;
	}
	header .menu-bar-box{
		right: 0;
	}
	header .menu-bar-box:after{
		display: none;
	}
	header .menu-bar-box:hover .menu-bar{
		opacity: 1.0;
	}

	header .menu-contents{
		font-size: 1.3rem;
	}
	header .menu-contents .gnav li a{
		font-size: 1.8rem;
		padding: 10px 20px;
	}
	header .sns-list{
		margin: 20px 10px 0 10px;
	}



	
	
	/*ボタン*/
	.contact-bt{
		height: 32px;
		width: 120px;
	}
	.list-bt{
		height: 42px;
		width: 180px;
	}
	.bt-effect01:hover,
	.bt-effect01:active{
		background: rgba(0,0,0,0.1);
		color: #fff;
	}
	.bt-effect02:hover,
	.bt-effect02:active{
		background: rgba(0,0,0,0);
		color: #777;
	}

	
	/*pagetop*/
	#pagetop a .icon::before{
		-moz-animation: fluffy3 3s linear infinite;	
		animation: fluffy3 3s linear infinite;	
	}
	
	/*footer*/
	.sub-footer-inner .nav-area{
		display: block;
	}
	.sub-footer-inner .sub-footer-nav-title{
		margin-bottom: 10px;
	}
	.sub-footer-inner .sub-footer-nav .sub-footer-nav-list{
		display: block;
		margin-left: 10px;
	}
	.sub-footer-inner .sub-footer-nav-list li + li{
		margin-left: 0;
	}
	
	.footer-inner .inner{
		display: block;
	}
	footer .logo{
		margin-bottom: 20px;
		text-align: center;
	}
	footer .logo img{
		width: 210px;
	}
	footer .footer-inner .footer-nav {
		display: block;
	}
	.footer-nav ul{
		display: block;
		text-align: left;
	}
	.footer-nav ul li + li{
		margin-left: 0;
	}
	
	/*パンくず*/
	.pankuzu-nav-wrapper{
		padding: 10px 20px 6px;
		width: 100%;
	}
	.pankuzu-nav{
		width: 100%;
	}
	
	
	
	/*===============
	
					top
	
	===============*/
	
	.top .contents-box{
		padding: 60px 0;
	}
	
	/*header*/
	.top header{
		padding: 20px 0;
	}
	
	/*main*/
	.top h2{
		margin-bottom: 20px;
	}
	.top h2 .headline-en{
		font-size: 3.3rem;
	}
	.top h2 .headline-ja{
		font-size: 1.8rem;
	}
	.top h3{
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	

	/*ヒーローエリア*/
	.top .hero-area {
		min-height: 1030px
	}
	.top .hero-area-inner{
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 185px;
	}
	.top h1{
		margin-bottom: 10px;
		text-align: center;
	}
	.top h1 img{
		width: 320px;
	}
	.base-list{
		width: 335px;
	}
	.base-list li{
		width: 100%;
	}
	.base-list li:nth-of-type(n+3){
		margin: 0;
	}
	.base-list li:nth-of-type(2n){
		margin: 0;
	}
	.base-list li:nth-of-type(n+2){
		margin-top: 10px;
	}

	.top .hero-area .contents-box{
		padding: 30px;
		right: 0;
		top: 421px;
		width: calc(100vw - 58px); 
	}
	.top .hero-area h2 {
		margin-bottom: 23px;
		line-height:37px;
	}

	.top .hero-area .contents-box button {
		margin: 14px auto 0;
	}

	.hint{
		bottom: 20px;
	}

	
	
	
	/*ABOUT US*/
	.aboutus-area .contents-box{
		background: rgba(255,255,255,0.8);
		padding: 30px;
		right: 0;
		top: 110px;
		width: calc(100vw - 60px); 
	}
	
	
	/*拠点一覧*/
	#floor-list{
		margin-top: -10px;
		padding-top: 60px;
	}
	.floor-list{
		left: 0;
		margin: 0 auto;
		position: relative;
		top: 30px;
		width: calc(100vw - 40px);
	}
	.floor-item{
		width: 100%;
	}
	.floor-item + .floor-item{
		margin-top: 10px;
	}
	.floor-item a{
		align-items: center;
		flex-direction: column;
		justify-content: flex-start;
		padding: 7px 0;
	}
	.base-list li.marunouchi-first a:before,
	.base-list li.marunouchi-second a:before{
		display: none;
	}
	.floorservice-list li{
		font-size: 1.0rem;
		width: 65px;
	}
	.floorname{
		flex-direction: row;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	.floorname-en{
		margin-left: 5px;
	}
	.floorservice-list{
		margin: 0 auto;
	}
	.floorservice-list li figure{
		margin-bottom: 5px;
	}
	.floorservice-list li figure img{
		height: 28px;
	}
	
	/*相談エリア*/
	.top .consultation-area h2 {
		margin-bottom: 65px;
	}
	.top .consultation-area .contents-box {
		padding: 85px 0 70px;
	}

	.top .consultation-area .consultation-list,
	.top .consultation-area .consultation-list + .member-bt {
		margin-right: 13px;
		margin-left: 13px;
		width: calc(100% - 26px);
	}
	
	.consultation-area .consultation-text {
		text-align: left;
	}

	.consultation-area .consultation-text .line-break-sp {
		display: inline;
	}
	
	/*イベントニュースエリア*/
	.eventnews-area .contents-box{
		display: block;
	}
	.eventnews-area .title-area{
		display: flex;
		justify-content: space-between;	
	}
	.top .event-list li a, .top .news-list li a{
		padding: 10px 0;
	}
	.top .event-list{
		width: 100%;
		min-height: 168px;
	}
	.top .event-list .event-error {
		position: static;
		transform: none;
	}
	.top .event-list .event-error p{
		font-size: 0.75em;
	}
	.top .event-list dt, .top .news-list dt{
		margin-bottom: 5px;
	}
	.top .event-list li .section-tag{
		font-size: 1.2rem;
		height: 20px;
		left: 120px;
		width: 80px;
	}
	.top .news-list{
		width: 100%;
	}
	.top footer{
		margin-top: -7px;
	}
	
	
	/*HOW TO JOIN*/
	.step-list{
		flex-direction: column;
		padding: 0;
	}
	.step-list li{
		width: 100%;
	}
	.step-list li:nth-of-type(n+2){
		margin-top: 50px;
	}
	.step-list li + li:before{
		left: 50%;
		margin-left: -62px;
		top: -20px;
		transform: rotate(90deg);
	}
	.member-bt{
		margin-top: 40px;
		width: 100%;
	}
	
	/*アクセス*/
	.map iframe{
		height: 400px;
		width: 100%;
	}
	.access-item-wrapper{
		flex-direction: column;
	}
	.access-item{
		flex-direction: column;
		padding: 0;
	}
	.access-text{
		padding: 0 20px;
	}
	.access-list{
		margin-left: 0;
	}
	.access-list li dl{
		flex-direction: column;
	}
	.access-list li dl dt{
		text-align: left;
	}
	.access-list li dl dd{
		width: 100%;
	}
	/*横並び*/
	.access-item-wrapper-row .access-item{
		width: 100%;
	}
	.access-item-wrapper-row .access-item + .access-item{
		margin-left: 0;
		margin-top: 20px;
	}
	.access-item-wrapper-row .access-text{
		width: 100%;
	}
	/*縦積み*/
	.access-item-wrapper-column .access-text{
		width: 100%;
	}


	/** バナーエリア */
	.banner-area .contents-box {
		padding-top: 0;
	}
	.banner-list {
		flex-direction: column;
	}
	.banner-list > li {
		margin-bottom: 1rem;
		margin-right: 0;
		text-align: center;
	}
	.banner-list > li > a {
		display: inline-block;
	}
	.banner-list > li > a > figure {
		display: inline-block;
	}

	/*footer*/

	
	.top .footer-inner .inner{
		padding: 30px 0;
	}
	
	/*====================
		
				丸の内1F

	====================*/
	/*header*/
	.maru1 h2{
		margin-bottom: 10px;
	}
	.maru1 .button{
		margin-top: 20px;
	}
	.maru1 .list li a{
		padding: 10px;
	}
	.maru1 .list li a dl{
		flex-direction: column;
	}
	
	/*ヒーローエリア*/
	.maru1 .hero-area{
		margin-top: 77px;
	}
	.maru1 .hero-area .bx-wrapper{
		height: auto;
		margin-bottom: 60px;
	}
	.maru1 .hero-area .bxslider li{
		height: auto;
	}
	.maru1 .hero-area .bxslider li img{
		position: relative;
	}
	.maru1 .hero-area .bx-wrapper .bx-pager,
	.maru1 .bx-wrapper .bx-controls-auto{
		bottom: -40px;
	}
	.maru1 .hero-area .bx-wrapper .bx-pager.bx-default-pager a{
		border: 1px solid #646464;
		height: 10px;
		width: 10px;
	}

	/*緊急告知エリア*/
	.maru1 .info-area{
		padding: 20px;
	}
	.maru1 .info-area .inner{
		padding: 0;
	}
	
	/*コンセプトエリア*/
	.maru1 .concept-area{
		height: 460px;
	}
	.maru1 .concept-area .contents-box{
		flex-direction: column;
	}
	.maru1 .concept-area .contents-box:before{
		height: 450px;
		left: -20px;
		width: 100vw;
	}
	.maru1 .concept-area .contents-box:after{
		height: 488px;
		left: -10px;
		width: calc(100vw - 20px);
	}
	.maru1 .concept-area .contents-box .illustration .il01{
		left: auto;
		right: 0;
		top: -85px;
	}
	.maru1 .concept-area .contents-box .illustration .il01 img{
		width: 180px;
	}
	.maru1 .concept-area h2{
		margin-left: 0;
	}
	.maru1 .concept-area h2 img{
		width: 150px;
	}
	.maru1 .concept-area .contents-inner{
		width: 100%;
	}
	.maru1 .concept-area .lead-tx{
		font-size: 2.2rem;
	}
	.maru1 .concept-area .service-list{
		margin: 20px auto 0;
		max-width: 400px;
	}
	.maru1 .concept-area .service-list li{
		font-size: 1.2rem;
		padding: 8px 0;
	}
	.maru1 .concept-area .service-list li img{
		margin-bottom: 3px;
		width: 60px;
	}
	
	/*イベントエリア*/
	.maru1 .event-area{
		margin-top: 80px;
	}
	.maru1 .event-area .contents-box{
		padding: 20px 0;
	}
	.maru1 .event-area .contents-box .illustration .il01{
		right: 30px;
		top: -50px;
	}
	.maru1 .event-area .contents-box .illustration .il01 img{
		width: 320px;
	}
	.maru1 .event-area h2{
		padding-right: 50px;
	}
	.maru1 .event-area h2 img{
		width: 126px;
	}
	.maru1 .event-list .event-error {
		position: static;
		transform: translateY(60px);
	}
	.maru1 .event-list .event-error p{
		font-size: 0.75em;
	}
	.maru1 .prev-arrow{
		left: 40px;
	}
	.maru1 .next-arrow{
		right: 40px;
	}

	
	
	/*コンシェルジュ相談*/
	.maru1 .concierge-area{
		padding: 20px 0;
	}
	.maru1 .concierge-area .contents-box .illustration .il01{
		left: 200px;
		top: -35px;
	}
	.maru1 .concierge-area .contents-box .illustration .il01 img{
		width: 130px;
	}
	.maru1 .concierge-area .contents-inner{
		width: 100%;
	}
	.maru1 .concierge-area h2{
		padding-left: 0;
	}
	.maru1 .concierge-area h2 img{
		width: 189px;
	}


	
	
	/*お知らせ*/
	.maru1 .news-area .contents-inner{
		margin-left: -20px;
		padding: 20px;
		position: relative;
		right: 0;
		width: 100vw;
	}
	.maru1 .news-area .contents-box .illustration .il01{
		right: 130px;
		top: -15px;
	}
	.maru1 .news-area .contents-box .illustration .il01 img{
		width: 100px;
	}
	.maru1 .news-area h2{
		padding-right: 0;
	}
	.maru1 .news-area h2 img{
		width: 112px;
	}


	
	
	/*スタハマガジン*/
	.maru1 .magazine-area{
		height: 354px;
	}
	.maru1 .magazine-area .contents-box .illustration .il01{
		left: 200px;
		top: -10px;
	}
	.maru1 .magazine-area .contents-box .illustration .il01 img{
		width: 135px;
	}
	.maru1 .magazine-area .contents-inner{
		left: auto;
		margin-left: -20px;
		padding: 20px;
		position: relative;
		width: 100vw;
	}
	.maru1 .magazine-area h2 img{
		width: 196px;
	}

	
	
	/*利用方法*/
	.maru1 .howtojoin-area{
		padding: 20px 0 100px;
	}
	.maru1 .howtojoin-area .contents-box .illustration .il01{
		right: 230px;
		top: -35px;
	}
	.maru1 .howtojoin-area .contents-box .illustration .il01 img{
		width: 110px;
	}
	.maru1 .howtojoin-area h2 img{
		width: 228px;
	}
	/*マガジンなし*/
	.maru1 .howtojoin-area.left .contents-box .illustration .il01{
		left: 240px;
		right: auto;
		top: -35px;
	}
	
	
	
	
	/*===============
	
		　　丸の内2F
	
	===============*/
	
	
	
	.maru2 .all-wrapper{
		overflow: hidden;
	}	
	
	.maru2 h2 .headline-en{
		font-size: 4.0rem;
		line-height: 1.3;
	}
	.maru2 h2 .headline-ja{
		font-size: 1.8rem;
	}
	.maru2 h3{
		font-size: 1.3rem;
		margin-bottom: 8px;
	}
	
	/*ボタン*/
	.maru2 .news-bt,
	.maru2 .event-bt{
		margin: 30px auto 0;
	}
	
	
	/*header*/
	.maru2 header .logo img{
		width: 110px;
	}
	.maru2.active{
		height: 100%;
		overflow-y: hidden;
		position: fixed;
		top: 0;
		width: 100%;
	}
	.maru2 .menu-bar {
		background-color: #fff;
	}
	.maru2 .active > .menu-contents{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*左から出す*/
	}
	.maru2 .menu-contents .gnav ul{
		flex-direction: column;
	}
	.maru2 .menu-contents .gnav ul li a{
		display: block;
		padding: 10px;
	}

	
	/*ヒーローエリア*/
	.maru2 .lead{
		bottom: 10vh;
		font-size: 2.0rem;
		right: 20px;
		width: calc(100% - 100px);
	}
	.maru2 .hero-area{
		background-position: top center;
	}
	.maru2 .hero-area .bg{
		border-width: 0 0 100vw 100vw;
		bottom: 0;
		left: 290px;
	}
	
	
	/*ニュースエリア*/
	.maru2 .news-area .inner .contents-box{
		flex-direction: column;
		margin-top: 40px;
	}
	.maru2 .news-area .bg{
		border-width: 290px 290px 0 0;
		bottom: -140px;
		left: -20px;
		top: -40px;
	}
	.maru2 .news-area .inner .contents-inner{
		margin-top: 100px;
	}
	.maru2 .news-list{
		margin-top: 0;
	}
	.maru2 .news-list li a{
		padding: 15px;
	}
	.maru2 .news-list li a dl{
		flex-direction: column;
	}
	.maru2 .news-list li a dt{
		margin: 0 0 5px 0;
	}
	
	
	
	
	/*イベント・セミナー*/
	.maru2 .event-area .bg{
		right: -870px;
	}
	.maru2 .event-list .event-error {
		position: static;
		transform: translateY(60px);
	}
	.maru2 .event-list .event-error p{
		font-size: 0.75em;
	}
	
	/*スライダー*/
	.maru2 .event-area .bx-wrapper .bx-prev{
		left: -50px;
	}
	.maru2 .event-area .bx-wrapper .bx-next{
		right: -50px;
	}
	.maru2 .event-list li{
		display: block;
		margin: 0 auto;
	}
	
	/*サービス*/
	.maru2 .service-area{
		height: 735px;
	}
	.maru2 .service-area .contents-box{
		display: block;
		margin-bottom: 840px;
		position: relative;
	}
	.maru2 .service-list{
		font-size: 1.4rem;
		left: 50%;
		margin: 100px 0 0 -100px;
		position: absolute;
		transform: rotate(-45deg);
	}
	.maru2 .service-item{
		height: 220px;
		position: absolute;
		transform: rotate(90deg);
		width: 220px
	}
	.maru2 .service-item section figure svg{
		height: 35px;
	}
	.maru2 .joseikin-box{
		background-position: center;
		top: -220px;
		left: -140px;
	}
	.maru2 .seminar-box{
		top: 10px;
		right: 640px;
	}
	.maru2 .soudan-box{
		background-position: center;
		top: -220px;
		right: 410px;
	}
	.maru2 .joseikin-box:after{
		background-position: top -80px left -70px;
	}
	.maru2 .soudan-box:after{
		background-position: top -60px left 0px;
	}
	.maru2 .service-item:before{
		height: 220px;
		width: 220px;
	}
	.maru2 .service-item:nth-of-type(n-2){
		margin-top: 10px;
	}
	.maru2 .service-item:nth-of-type(2n){
		margin-left: 10px;
	}
	.maru2 .service-item a{
		height: 220px;
		width: 220px;
	}
	.maru2 .service-item section{
		padding: 10px 25px;
		transform: rotate(-45deg);
	}
	.maru2 .service-item section figure{
		margin-bottom: 5px;
	}
	.maru2 .service-item section figure img{
		height: 45px;
		width: auto;
	}
	

	
	/*営業時間*/
	.maru2 table,
	.maru2 tbody,
	.maru2 tr,
	.maru2 th,
	.maru2 td{
		display: block;
	}
	.maru2 .openinghours-table tr{
		margin-bottom: 2px;
	}
	.maru2 .openinghours-table th{
		margin-bottom: 2px;
	}
	.maru2 .openinghours-table th{
		margin-bottom: 2px;
		padding: 8px 10px;
		width: 100%;
	}
	.maru2 .openinghours-table td{
		padding: 8px 10px;
		width: 100%;
	}
	
	
	/*問合せ*/
	.maru2 .contact-area{
		height: 532px;
	}
	.maru2 .contact-area .bg{
		right: -960px;
		top: -1110px;
	}
	.maru2 .contact-area .contents-box{
		margin-bottom: 510px;
		position: relative;
	}
	.maru2 .contact-list{
		margin: 0 17vw 0 0;
		position: absolute;
		right: 0;
		margin-top: 3rem;
	}
	.maru2 .contact-item{
		height: 200px;
		width: 200px;
	}
	.maru2 .contact-item + .contact-item{
		margin-top: 20px;
	}
	.maru2 .tel{
		padding-left: 20px;
	}
	.maru2 .tel:before{
		height: 18px;
		margin-top: -9px;
		width: 16px;
		background-size: 16px 18px;
	}
	.maru2 .email{
		margin-top: 5px;
		padding-left: 20px;
		white-space: nowrap;
	}
	.maru2 .email:before{
		background-size: 13px 10px;
		height: 10px;
		margin-top: -5px;
		width: 13px;
	}
	.maru2 .mw300 {
		width: 100%;
	}
	
	
	/*バナーエリア*/
	.maru2 .bunner-area .inner .bg{
		border-width: 100vw 0 0 100vw;
		left: auto;
		right: 20vw;
	}
	.maru2 .bunner-list{
		flex-direction: column;
		flex-wrap: nowrap;
		max-width: 320px;
		width: 100%;
	}
	.maru2 .bunner-list li{
		max-width: 320px;
		width: 100%;
		margin-right: 0px !important;
	}
	.maru2 .bunner-list li:nth-of-type(n+3){
		margin-top: 0;
	}
	.maru2 .bunner-list li:nth-of-type(n+2){
		margin-top: 20px;
	}

	.maru2 .bunner-list li a{
		display: block;
	}
	.maru2 .bunner-list li a img{
		max-width: 320px;
		width: 100%;
	}
	
	
	/*====================
		
				多摩南エリア

	====================*/
	/*header*/
	.tama-south h2{
		margin-bottom: 10px;
	}
	.tama-south .button{
		margin-top: 20px;
	}
	.tama-south .list li a{
		padding: 10px;
	}
	.tama-south .list li a dl{
		flex-direction: column;
	}
	
	/*ヒーローエリア*/
	.tama-south .hero-area{
		margin-top: 77px;
	}
	.tama-south .hero-area .bx-wrapper{
		height: auto;
		margin-bottom: 60px;
	}
	.tama-south .hero-area .bxslider li{
		height: auto;
	}
	.tama-south .hero-area .bxslider li img{
		position: relative;
	}
	.tama-south .hero-area .bx-wrapper .bx-pager,
	.tama-south .bx-wrapper .bx-controls-auto{
		bottom: -40px;
	}
	.tama-south .hero-area .bx-wrapper .bx-pager.bx-default-pager a{
		border: 1px solid #646464;
		height: 10px;
		width: 10px;
	}
	
	/*緊急告知エリア*/
	.tama-south .info-area{
		padding: 20px;
	}
	.tama-south .info-area .inner{
		padding: 0;
	}
	
	/*コンセプトエリア*/
	.tama-south .concept-area{
		height: 460px;
	}
	.tama-south .concept-area .contents-box{
		flex-direction: column;
	}
	.tama-south .concept-area .contents-box:before{
		height: 490px;
		left: -20px;
		width: 100vw;
	}
	.tama-south .concept-area .contents-box:after{
		height: 528px;
		left: -10px;
		width: calc(100vw - 20px);
	}
	.tama-south .concept-area .contents-box .illustration .il01{
		left: auto;
		right: 0;
		top: -85px;
	}
	.tama-south .concept-area .contents-box .illustration .il01 img{
		width: 180px;
	}
	.tama-south .concept-area h2{
		margin-left: 0;
	}
	.tama-south .concept-area h2 img{
		width: 150px;
	}
	.tama-south .concept-area .contents-inner{
		width: 100%;
	}
	.tama-south .concept-area .lead-tx{
		font-size: 2.2rem;
	}
	.tama-south .concept-area .service-list{
		margin: 20px auto 0;
		max-width: 400px;
	}
	.tama-south .concept-area .service-list li{
		font-size: 1.2rem;
		padding: 8px 0;
	}
	.tama-south .concept-area .service-list li img{
		margin-bottom: 3px;
		width: 60px;
	}
	
	/*イベントエリア*/
	.tama-south .event-area{
		margin-top: 150px;
	}
	.tama-south .event-area .contents-box{
		padding: 20px 0;
	}
	.tama-south .event-area .contents-box .illustration .il01{
		right: 30px;
		top: -50px;
	}
	.tama-south .event-area .contents-box .illustration .il01 img{
		width: 320px;
	}
	.tama-south .event-area h2{
		padding-right: 50px;
	}
	.tama-south .event-area h2 img{
		width: 126px;
	}
	.tama-south .event-list .event-error {
		position: static;
		transform: translateY(60px);
	}
	.tama-south .event-list .event-error p{
		font-size: 0.75em;
	}
	.tama-south .prev-arrow{
		left: 40px;
	}
	.tama-south .next-arrow{
		right: 40px;
	}


	
	
	/*コンシェルジュ相談*/
	.tama-south .concierge-area{
		padding: 20px 0;
	}
	.tama-south .concierge-area .contents-box .illustration .il01{
		left: 200px;
		top: -35px;
	}
	.tama-south .concierge-area .contents-box .illustration .il01 img{
		width: 130px;
	}
	.tama-south .concierge-area .contents-inner{
		width: 100%;
	}
	.tama-south .concierge-area h2{
		padding-left: 0;
	}
	.tama-south .concierge-area h2 img{
		width: 189px;
	}


	
	
	/*お知らせ*/
	.tama-south .news-area .contents-inner{
		margin-left: -20px;
		padding: 20px;
		position: relative;
		right: 0;
		width: 100vw;
	}
	.tama-south .news-area .contents-box .illustration .il01{
		right: 130px;
		top: -15px;
	}
	.tama-south .news-area .contents-box .illustration .il01 img{
		width: 100px;
	}
	.tama-south .news-area h2{
		padding-right: 0;
	}
	.tama-south .news-area h2 img{
		width: 112px;
	}


	
	
	/*スタハマガジン*/
	.tama-south .magazine-area{
		height: 304px;
	}
	.tama-south .magazine-area .contents-box .illustration .il01{
		left: 200px;
		top: -10px;
	}
	.tama-south .magazine-area .contents-box .illustration .il01 img{
		width: 135px;
	}
	.tama-south .magazine-area .contents-inner{
		left: auto;
		margin-left: -20px;
		padding: 20px;
		position: relative;
		width: 100vw;
	}
	.tama-south .magazine-area h2 img{
		width: 196px;
	}

	
	
	/*利用方法*/
	.tama-south .howtojoin-area{
		padding: 20px 0 100px;
	}
	.tama-south .howtojoin-area .contents-box .illustration .il01{
		right: 230px;
		top: -35px;
	}
	.tama-south .howtojoin-area .contents-box .illustration .il01 img{
		width: 110px;
	}
	.tama-south .howtojoin-area h2 img{
		width: 228px;
	}
	/*マガジンなし*/
	.tama-south .howtojoin-area.left .contents-box .illustration .il01{
		left: 240px;
		right: auto;
		top: -35px;
	}

	
	/*===============
	
	多摩北エリアトップ
	
	===============*/
	
	
	
	.tama-north .all-wrapper{
		overflow: hidden;
	}	
	
	.tama-north h2 .headline-en{
		font-size: 4.0rem;
		line-height: 1.3;
	}
	.tama-north h2 .headline-ja{
		font-size: 1.8rem;
	}
	.tama-north h3{
		font-size: 1.3rem;
		margin-bottom: 8px;
	}
	
	/*ボタン*/
	.tama-north .news-bt,
	.tama-north .event-bt{
		margin: 30px auto 0;
	}
	
	/*header*/
	.tama-north header .logo img{
		width: 110px;
	}
	.tama-north.active{
		height: 100%;
		overflow-y: hidden;
		position: fixed;
		top: 0;
		width: 100%;
	}
	.tama-north .menu-bar {
		background-color: #fff;
	}
	.tama-north .active > .menu-contents{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*左から出す*/
	}
	.tama-north .menu-contents .gnav ul{
		flex-direction: column;
	}
	.tama-north .menu-contents .gnav ul li a{
		display: block;
		padding: 10px;
	}

	/*ヒーローエリア*/
	.tama-north .lead{
		bottom: 10vh;
		font-size: 2.0rem;
		right: 20px;
		width: calc(100% - 100px);
		background-color: rgba(0,0,0,0.3);
		padding: 10px;
	}
	.tama-north .hero-area{
		background-position: left center;
	}
	.tama-north .hero-area .bg{
		border-width: 0 0 100vw 100vw;
		bottom: 0;
		left: 290px;
	}
	
	
	/*ニュースエリア*/
	.tama-north .news-area .inner .contents-box{
		flex-direction: column;
		margin-top: 40px;
	}
	.tama-north .news-area .bg{
		border-width: 290px 290px 0 0;
		bottom: -140px;
		left: -20px;
		top: -40px;
	}
	.tama-north .news-area .inner .contents-inner{
		margin-top: 110px;
	}
	.tama-north .news-list{
		margin-top: 0;
	}
	.tama-north .news-list li a{
		padding: 15px;
	}
	.tama-north .news-list li a dl{
		flex-direction: column;
	}
	.tama-north .news-list li a dt{
		margin: 0 0 5px 0;
	}
	
	
	
	
	/*イベント・セミナー*/
	.tama-north .event-area .bg{
		right: -870px;
	}
	.tama-north .event-list .event-error {
		position: static;
		transform: translateY(60px);
	}
	.tama-north .event-list .event-error p{
		font-size: 0.75em;
	}

	
	
	/*スライダー*/
	.tama-north .bx-wrapper .bx-prev{
		left: -50px;
	}
	.tama-north .bx-wrapper .bx-next{
		right: -50px;
	}
	.tama-north .event-list li{
		display: block;
		margin: 0 auto;
	}
	
	/*サービス*/
	.tama-north .service-area{
		height: 710px;
	}
	.tama-north .service-area .contents-box{
		display: block;
		margin-bottom: 840px;
		position: relative;
	}
	.tama-north .service-list{
		font-size: 1.4rem;
		left: 50%;
		margin: 100px 0 0 -100px;
		position: absolute;
		transform: rotate(-45deg);
	}
	.tama-north .service-item{
		height: 220px;
		position: absolute;
		transform: rotate(90deg);
		width: 220px
	}
	.tama-north .service-item section figure svg{
		height: 35px;
	}
	.tama-north .seminar-box{
		background-position: center;
		top: 10px;
		left: -140px;
	}
	.tama-north .soudan-box{
		top: -220px;
		right: 400px;
	}
	.tama-north .sonota-box{
		background-position: center;
		top: -220px;
		right: 630px;
	}
	.tama-north .soudan-box:after{
		background-position: top -40px left 0;
	}
	.tama-north .seminar-box:after{
		background-position: top -20px left -10px;
	}
	.tama-north .sonota-box:after{
		background-position: top -30px left -20px;
	}
	.tama-north .service-item:before{
		height: 220px;
		width: 220px;
	}
	.tama-north .service-item:nth-of-type(n-2){
		margin-top: 10px;
	}
	.tama-north .service-item:nth-of-type(2n){
		margin-left: 10px;
	}
	.tama-north .service-item a{
		height: 220px;
		width: 220px;
	}
	.tama-north .service-item section{
		padding: 10px 25px;
		transform: rotate(-45deg);
	}
	.tama-north .service-item section figure{
		margin-bottom: 5px;
	}
	.tama-north .service-item section figure img{
		height: 45px;
		width: auto;
	}
	

	
	/*営業時間*/
	.tama-north table,
	.tama-north tbody,
	.tama-north tr,
	.tama-north th,
	.tama-north td{
		display: block;
	}
	.tama-north .openinghours-table tr{
		margin-bottom: 2px;
	}
	.tama-north .openinghours-table th{
		margin-bottom: 2px;
	}
	.tama-north .openinghours-table th{
		margin-bottom: 2px;
		padding: 8px 10px;
		width: 100%;
	}
	.tama-north .openinghours-table td{
		padding: 8px 10px;
		width: 100%;
	}
	
	
	/*問合せ*/
	.tama-north .contact-area{
		height: 320px;
	}
	.tama-north .contact-area .bg{
		right: -960px;
		top: -1110px;
	}
	.tama-north .contact-area .contents-box{
		margin-bottom: 510px;
		position: relative;
	}
	.tama-north .contact-list{
		margin: 0;
		position: absolute;
		right: 0;
		margin-top: 6rem;
	}
	.tama-north .contact-item{
		height: 200px;
		width: 200px;
	}
	.tama-north .contact-item + .contact-item{
		margin-top: 20px;
	}
	.tama-north .tel{
		padding-left: 20px;
	}
	.tama-north .tel:before{
		height: 18px;
		margin-top: -9px;
		width: 16px;
		background-size: 16px 18px;
	}
	.tama-north .email{
		margin-top: 5px;
		padding-left: 20px;
		white-space: nowrap;
	}
	.tama-north .email:before{
		background-size: 13px 10px;
		height: 10px;
		margin-top: -5px;
		width: 13px;
	}
	.tama-north .address {
		display: block;
		color: #777;
		font-style: normal;
	}
	.tama-north .address-link {
		display: inline-block;
		margin-top: 3rem;
	}
	.tama-north .accoBtn {
		display: block;
		background-color: #777;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 20px;
	}
	.tama-north .mw300 {
		width: 100%;
	}
	
	
	/*バナーエリア*/
	.tama-north .bunner-area .inner .bg{
		border-width: 100vw 0 0 100vw;
		left: auto;
		right: 20vw;
	}
	.tama-north .bunner-list{
		flex-direction: column;
		flex-wrap: nowrap;
		max-width: 320px;
		width: 100%;
	}
	.tama-north .bunner-list li{
		max-width: 320px;
		width: 100%;
		margin-right: 0 !important;
	}
	.tama-north .bunner-list li:nth-of-type(n+3){
		margin-top: 0;
	}
	.tama-north .bunner-list li:nth-of-type(n+2){
		margin-top: 20px;
	}

	.tama-north .bunner-list li a{
		display: block;
	}
	.tama-north .bunner-list li a img{
		max-width: 320px;
		width: 100%;
	}
	

}
@media screen and (min-width: 768px){
	.br-sp {display: none; }
}