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

	Structure Module

=======================================*/
html {
	font-size: 62.5%; /* remの基準となるサイズ｜10px */
	width: 100%;
}
body {
	font-family:/*  "游ゴシック", YuGothic,  */'Lucida Grande',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Century Gothic",Helvetica,Arial, "Droid Sans", sans-serif;
	font-family: /* "游ゴシック", YuGothic,  */'Lucida Grande',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #030918;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	width: 100%;
}
main h1,main h2,main h3,main h4,main h5,main h6,main form,main p {
	line-height: 1.8;
}
/* 追記 */
a, a:visited{color: #030918;text-decoration: none;}img{vertical-align: bottom;}
.roppongi #container a,.roppongi #container a:visited{color: #187f52; text-decoration: underline;}
/*======================================

	common

=======================================*/
/* clear */
.u-clear {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.clearfix:after,
#headerNav_sub > div:after,
#headerNav_sub .link:after,
#headerNav:after,
body.general .facility_img:after,
body.general #facility > div:after,
body.general #facility .detail li:after,
#footerNav:after,
#footerNav article:after,
header .inquiry:after,
.headerNav_sub_sp:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
main {
	display: block;
}
/*
@media screen and (max-width: 480px) {
	main {
		padding: 1.75rem;
	}
}
*/

#headerNav_sub > div,
#headerNav > div,
body.general #facility > div,
footer #footerNavCont #footerNav,
#footerNav_sub > div,
#projectList > div {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	min-width: 768px;
}
body.toranomon.project.detail .projectDetailCont,
body.toranomon.project.detail section.txt,
body.toranomon.topic.detail section.txt,
body.toranomon.usecase #steps {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	min-width: 768px;
}
body.roppongi.project.detail .projectDetailCont,
body.roppongi.project.detail section.txt,
body.roppongi.topic.detail section.txt,
body.roppongi.usecase #steps {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	min-width: 768px;
}


#facility_img {
	max-width: 1290px;
	margin: 0 auto;
	padding: 0 20px;
	min-width: 768px;
}
@media screen and (min-width: 481px) {
	#gnavCont {
		width: 100%;
	    box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	    background: #fff;
	    position: relative;
		z-index: 0;
		top: 0;
/* 		transition: all .2s; */
		transition: top .6s;
	}
	#gnavContScroll {
		max-width: 1200px;
		margin: 0 auto;
		padding: 50px 20px 0;
		min-width: 768px;
	}
	.is-animation #gnavCont {
		top: -50px;
	}
}
@media screen and (max-width: 480px) {
	#headerNav_sub > div,
	#headerNav > div,
	body.general #facility > div,
	footer #footerNavCont #footerNav,
	#footerNav_sub > div,
	#projectList > div,
	#topicList ul,
	body.toranomon.project.detail section,
	body.toranomon.project.detail .projectDetailCont,
	body.toranomon.project.detail section.txt,
	body.toranomon.topic.detail section.txt,
	body.toranomon.usecase #steps,
	body.toranomon.index #bnr_usecase .bnr,
	#bnr_usecase .bnr,
	body.toranomon.topic.detail .bgGrayIn {
		min-width: auto !important;
	}
	#headerNav_sub > div,
	#headerNav > div,
	body.general #facility > div,
	footer #footerNavCont #footerNav,
	#footerNav_sub > div,
	#projectList > div,
	#topicList ul,
	body.roppongi.project.detail section,
	body.roppongi.project.detail .projectDetailCont,
	body.roppongi.project.detail section.txt,
	body.roppongi.topic.detail section.txt,
	body.roppongi.usecase #steps,
	body.roppongi.index #bnr_usecase .bnr,
	#bnr_usecase .bnr,
	body.roppongi.topic.detail .bgGrayIn {
		min-width: auto !important;
	}
}
footer #footerNavCont #footerNav {
	max-width: 1000px;
}
body.general {
    padding-top: 126px;
}
body.toranomon,body.roppongi {
    padding-top: 180px;
}
@media screen and (max-width: 480px) {
	body.general,body.toranomon,body.roppongi {
	    padding-top: 64px;
	}
}

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

	header

=======================================*/
header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
}
#headerNav_sub {
	background: #030918;
	font-size: 12px;
	height: 40px;
}
.toranomon #headerNav_sub{
	background: #004da1;
}
.roppongi #headerNav_sub{
	background: #187f52;
}
#headerNav_sub a {
	color: #fff;
	transition: .5s opacity;
}
#headerNav_sub a:hover {
	opacity: .75;
}
#headerNav_sub .link {
	float: left;
	padding-top: 11px;
}
#headerNav_sub .link li {
	margin-right: 40px;
	display: block;
	float: left;
}
#headerNav_sub .utility {
	float: right;
}
#headerNav_sub .utility li {
	display: block;
	float: left;
	height: 20px;
	margin-top: 10px;
}
#headerNav_sub .utility li:first-child a {
	padding-top: 3px;
	cursor: pointer;
}
#headerNav_sub .utility li:first-child img {
	margin-left: 6px;
}
#headerNav_sub .utility li:last-child {
	padding-left: 16px;
	border-left: 1px solid rgba(255,255,255,0.75);
	margin-left: 16px;
}
#headerNav_sub .utility li:last-child a {
	padding-top: 5px;
	position: relative;
	margin-right: 10px;
}
#headerNav_sub .utility li:last-child a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translate(0,-50%);
    margin-top: 2px;
}
#headerNav {
    background: #fff;
    height: 90px;
    padding: 19px 0 20px;
    position: relative;
    z-index: 1;
}
body.general #headerNav {
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
}
body.toranomon #headerNav,
body.roppongi #headerNav {
	height: 90px;
}
#headerNav .ttlCont {
	float: left;
}
#headerNav .ttlCont p {
	font-size: 12px;
	margin-bottom: 4px;
    letter-spacing: -0.08em;
    line-height: 1.6;
}
#headerNav .ttlCont h1 {
	font-family: 'Oswald', sans-serif !important;
	font-size: 26px;
	line-height: 1em;
	height: 26px;
	font-weight: normal !important;
	margin-top: 1vw;
}
body.toranomon #headerNav .ttlCont h1,
body.roppongi #headerNav .ttlCont h1 {
	letter-spacing: 0.04em;
}
#headerNav .ttlCont h1 .toranomon {
	margin-left: 16px;
	border-left: 1px solid #707070;
	padding-left: 16px;
	display: inline-block;
}
#headerNav .ttlCont h1 .blue {
	color: #004da1
}
header .inquiry {
	float: right;
}
header .inquiry .tel {
	float: left;
	margin-right: 10px;
    line-height: 1.6;
}
.genaral header .inquiry .tel {
	margin-top: 2px;
}
header .inquiry .tel strong {
	color: #004da1;
	font-weight: 400;
}
.roppongi header .inquiry .tel strong {
	color: #187f52;
}
.roppongi header .inquiry .tel strong a {
	color: #187f52;
}
header .inquiry .tel span {
	display: block;
	margin-bottom: 4px;
	font-size: 13px;
	color: #004da1;
	font-weight: bold;
}
header .inquiry .tel img {
	margin-right: 6px;
	vertical-align: middle;
}
header .inquiry .tel strong {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	line-height: 1em;
}
body.toranomon header .inquiry .tel strong,
body.roppongi header .inquiry .tel strong,
body.general header .inquiry .tel strong {
	font-size: 22px;
}
header .inquiry a.form {
	width: 220px;
	height: 50px;
	color: #fff;
	background: #004da1;
	display: block;
	float: right;
    -webkit-transition: all .2s;
	transition: all .2s;
	border: 2px solid #004da1;
}
.roppongi header .inquiry a.form {
	background: #187f52;
	border: 2px solid #187f52;
}
header .inquiry a.form:hover {
	background: #fff;
	color: #004da1;
}
.roppongi header .inquiry a.form:hover {
	color: #187f52;
}
header .inquiry .leftCont {
	float: left;
}
body.toranomon header .inquiry .tel,
body.roppongi header .inquiry .tel {
	float: none;
}
body.toranomon header .inquiry .tel span,
.roppongi header .inquiry .tel span {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	color: #004da1;
	font-weight: bold;
}
.roppongi header .inquiry .tel span {
	color: #187f52;
}
header .inquiry .guide {
	display: block;
	width: 204px;
	height: 25px;
	background: #e6e8e9;
	color: #004da1;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
    padding: 4px;
    box-sizing: border-box;
    margin-bottom: 4px;
    transition: .2s background;
}
.roppongi header .inquiry .guide {
	color: #187f52;
}
header .inquiry .guide:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    content: "";
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border-width: 3.5px 0 3.5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #004da1;
}
.roppongi header .inquiry .guide:after {
    border-color: transparent transparent transparent #187f52;
}
header .inquiry .guide:hover {
	background: #dbdedf;
}
header .inquiry a.form span {
	font-size: 14px;
	margin-top: 16px;
	padding-left: 12px;
	display: block;
	float: left;
}
header .inquiry a.form i {
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 16px;
	display: block;
	float: right;
	margin-right: 12px;
	position: relative;
	margin-top: 17px;
}
header .inquiry a.form i:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #004da1;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
}
.roppongi header .inquiry a.form i:after {
    border-color: transparent transparent transparent #187f52;
}
header .inquiry a.form:hover i {
	background: #004da1;
}
.roppongi header .inquiry a.form:hover i {
	background: #187f52;
}
header .inquiry a.form:hover i:after {
    border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 481px) {
	header .gnav {
		display: flex;
		justify-content: space-around;
		width: 100%;
		margin-top: -44px;
	}
	header .gnav li {
		display: block;
		font-weight: bold;
		width: 28.3%;
		text-align: center;
	}
	header .gnav li a span {
		line-height: 30px;
		display: block;
		border-right: 1px solid #e1e1e1;
		width: 100%;
		color: #030918;
	}
	header .gnav li a {
		width: 100%;
		display: block;
	    padding-bottom: 10px;
	    transition: border-bottom .2s;
		border-bottom: 4px solid rgba(0,77,161,0);
	}
	header .gnav li a:hover,
	header .gnav li a.current {
		border-bottom: 4px solid rgba(0,77,161,1);
	}
	.roppongi header .gnav li a {
		border-bottom: 4px solid rgba(24,127,82,0);
	}
	.roppongi header .gnav li a:hover,
	.roppongi header .gnav li a.current {
		border-bottom: 4px solid rgba(24,127,82,1);
	}
	header .gnav li:last-child a span {
		border-right: none;
	}
}
@media screen and (max-width:1160px) {
	header .gnav li {
		font-size: 13px;
	}
}
@media screen and (max-width:1110px) {
	header .gnav li {
		font-size: 12px;
	}
}
@media screen and (max-width:1100px) {
	#headerNav .ttlCont p {
		font-size: 0.75vw;
		margin-top:0.4vw;
	}
	#headerNav .ttlCont h1 {
		font-size: 2.7vw;
	}
	header .inquiry a.form {
		width: 160px;
	}
	header .inquiry a.form span {
		font-size: 11px;
		padding: 0 11px;
	}
	header .inquiry a.form i {
		display: none;
	}
	header .inquiry .tel {
		margin-top:0.4vw;
	}
	header .inquiry .tel strong {
		font-size: 2.4vw;
	}
}
@media screen and (max-width:940px) {
	body.toranomon #headerNav .ttlCont p,
	body.roppongi #headerNav .ttlCont p {
		display: none;
	}
	body.toranomon #headerNav .ttlCont h1,
	body.roppongi #headerNav .ttlCont h1 {
		margin-top: 1.8vw;
	}
	header .gnav li {
		font-size: 10px;
	}
}
@media screen and (max-width:860px) {
	#headerNav .ttlCont p {
		display: none;
	}
	#headerNav .ttlCont h1 {
		font-size: 2.4vw;
	}
	#headerNav .ttlCont h1 > span {
		margin-top: 1.8vw;
	}
	body.general #headerNav .ttlCont {
		margin-top: 1.8vw
	}
}

/* sp_nav */
.nav-button,
.utility_sp,
.inquiry_sp,
.headerNav_sub_sp {
  display: none;
}
body.general #headerNav_sub.open,
#gnavCont.open {
  display: block;
}
body.general #headerNav_sub.close,
#gnavCont.close {
  display: none;
}
@media screen and (min-width: 481px) {
  body.general #headerNav_sub,
  #gnavCont {
    display: block;
  }
}
@media screen and (max-width: 480px) {
	#gnavCont {
		display: none;
	}
  .nav-button,
  .utility_sp,
  .headerNav_sub_sp {
    display: block;
    cursor: pointer;
  }
  body.general #headerNav_sub,
  #gnavCont {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: #e5edf2;
    width: 100%;
    height: 100%;
    padding-top: 84px;
  }
    body.general.roppongi #headerNav_sub,
    #gnavCont {
        background-color:#DDEBE5;
    }
	#gnavContScroll {
		height: 100%;
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
	}
	body.general #headerNav_sub .link,
	#gnavCont .gnav {
	  border-top: 1px solid #b1b6c4;
	  padding-top: 0;
	  width: 100%;
	  float: none;
  }
  #gnavCont .gnav {
	  padding: 0 20px;
	  border-top: none;
  }
  #gnavCont .gnav li:first-child {
	  border-top: 1px solid #b1b6c4;
  }
  body.general #headerNav_sub .link li,
  #gnavCont .gnav li {
    display: block;
    padding: 14px 10px;
    border-bottom: 1px solid #b1b6c4;
    width: 100%;
    float: none;
    margin: auto;
  }
  body.general #headerNav_sub .link a,
  #gnavCont .gnav li a {
    color: #030918;
    font-size: 14px;
    font-weight: bold;
    display: block;
    position: relative;
    width: 100%;
	}
  body.toranomon #gnavCont .gnav li a {
	  color: #004da1;
	}
  #gnavCont .gnav li a {
	  color: #004da1;
	}
    body.general.roppongi #headerNav_sub .link a,
    #gnavCont .gnav li a{
        color:#188053;
    }
  body.general #headerNav_sub .link a:after,
  #gnavCont .gnav li a:after {
  	position: absolute;
    display: block;
    content: " ";
    right: 0px;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #030918;
    border-right: 2px solid #030918;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.toranomon #gnavCont .gnav li a:after {
    border-top: 2px solid #004da1;
    border-right: 2px solid #004da1;
	}
   /*メニューボタンのエフェクト*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .navbtnCont {
    z-index: 20;
	position: absolute;
	left: 20px;
  }
  .nav-button {
    position: relative;
    width: 20px;
    height: 16px;
    top: 24px;
  }
  .nav-button a:focus {
	outline: none;
  }
  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #030918;
  }
  .nav-button span:nth-of-type(1) {
    top: 0;
  }
  .nav-button span:nth-of-type(2) {
    top: 7px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }
  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);
  }
  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
  }
  .utility_sp {
    z-index: 20;
	position: absolute;
	right: 20px;
  }
  .utility_sp a {
  	position: relative;
  	margin-right: 16px;
  	font-family: 'Oswald', sans-serif;
  	color: #030918;
  	font-size: 13px;
  	top: 22px;
  	display: block;
  	letter-spacing: 0.1em;
  }
  .utility_sp a:after {
    position: absolute;
    display: block;
    content: " ";
    left: 16px;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #030918;
    border-right: 2px solid #030918;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #headerNav,
  body.toranomon #headerNav,
  body.roppongi #headerNav {
	position: relative;
	z-index: 19;
    height: 64px;
    padding: 10px 0;
  }
  body.toranomon #headerNav,
  body.roppongi #headerNav {
	  padding: 15px;
	  box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
  }
  #headerNav .ttlCont h1 {
	  font-size: 18px;
	   height: auto;
	   text-align: center;
  }
  body.general #headerNav .ttlCont {
  	margin-top: 0;
  }
  body.general #headerNav .ttlCont h1 > span {
    margin-left: 0;
    border-left: none;
    padding-left: 0;
    display: block;
    margin-top: 6px;
   }
   header .inquiry {
	   display: none;
   }
   #headerNav .ttlCont {
	   float: none;
   }
   #headerNav_sub .utility,
   .toranomon #headerNav_sub,.roppongi #headerNav_sub {
	   display: none;
   }
   .inquiry_sp {
	   display: block;
	   background: #004da1;
	   width: 100%;
	   padding: 24px 0;
	   margin-top: 15px;
   }
    body.roppongi .inquiry_sp{
        background:#188053;
    }
   footer .inquiry_sp {
	   margin-top: 0;
   }
   #headerNav_sub .inquiry_sp .btn_inquiry,
   .inquiry_sp .btn_inquiry {
   		width: 82%;
   		text-align: center;
   		margin: 0 auto;
   		position: relative;
   		border-radius: 25px;
   		height: 50px;
   		display: block;
   		font-weight: bold;
   		padding: 16px 10px;
   		box-sizing: border-box;
   }
   #headerNav_sub .inquiry_sp .btn_inquiry.white,
   .inquiry_sp .btn_inquiry.white {
   		color: #004da1;
   		background: #fff;
   		font-size: 14px;
   		text-align: center;
   }
    body.roppongi .inquiry_sp .btn_inquiry.white{
        color:#188053;
    }
   .inquiry_sp .btn_inquiry.blue {
   		color: #fff;
   		background: #13285c;
   		font-size: 14px;
   		text-align: center;
   }
    body.roppongi .inquiry_sp .btn_inquiry.blue{
        background: #0F4D32;
    }
	.inquiry_sp .btn_inquiry .arrow {
		position: absolute;
	    right: 16px;
	    top: 50%;
	    margin-top: -8px;
  	}
	.inquiry_sp .btn_inquiry i {
	    width: 16px;
	    height: 16px;
	    border-radius: 16px;
	    display: block;
	    float: right;
	    position: relative;
	}
	.inquiry_sp .btn_inquiry.white i {
	    background: #004da1;
	}
	.inquiry_sp .btn_inquiry.blue i {
	    background: #fff;
	}
    body.roppongi .inquiry_sp .btn_inquiry.white i{
        background:#188053;
    }
	.inquiry_sp .btn_inquiry i:after {
		content: "";
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 3px 0 3px 5px;
	    position: absolute;
	    top: 50%;
	    right: 50%;
	    transform: translate(50%,-50%);
	}
	.inquiry_sp .btn_inquiry.white i:after {
	    border-color: transparent transparent transparent #fff;
	}
	.inquiry_sp .btn_inquiry.blue i:after {
	    border-color: transparent transparent transparent #13285c;
	}
	.btn_inquiry.blue {
		margin-top: 20px;
	}
	.inquiry_sp .tel {
		color: #fff;
		margin-top: 24px;
		text-align: center;
	    font-weight: bold;
	    line-height: 1em;
	}
	.inquiry_sp .tel span {
		font-size: 16px;
		line-height: 24px;
	}
	.inquiry_sp .tel span img {
		margin-right: 6px;
	    vertical-align: middle;
	}
	.inquiry_sp .tel strong {
		margin-left: 20px;
	    font-family: 'Oswald', sans-serif;
	    font-size: 24px;
	    color: #fff;
   	}
	.inquiry_sp .tel strong a {
	    color: #fff;
	}

	.headerNav_sub_sp {
		padding: 0 20px;
	}
	.headerNav_sub_sp a {
		display: block;
		float: left;
		width: 50%;
		font-size: 12px;
		position: relative;
		padding: 14px 10px;
		border-bottom: 1px solid #b1b6c4;
		box-sizing: border-box;
		height: 48px;
		font-weight: normal;
		border-right: 1px solid #b1b6c4;
	}
	.headerNav_sub_sp .borderR_none a {
		border-right: none;
	}
	.headerNav_sub_sp .line2 a {
		padding: 5px 10px;
	}
	.headerNav_sub_sp a:after {
		position: absolute;
		display: block;
		content: " ";
		right: 10px;
		top: 50%;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border-top: 2px solid #030918;
		border-right: 2px solid #030918;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.general header {
		box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	}
	.general #headerNav .ttlCont h1 a:nth-of-type(2) {
		display: block;
	}
	.general #headerNav .ttlCont h1 .toranomon {
		margin-left: 0;
		border-left: none;
		padding-left: 0;
		margin-top: 4px;
	}
	.general #headerNav .ttlCont h1 {
		margin-top: 2px;
	}
}
/*======================================

	footer

=======================================*/
footer {
	width: 100%;
}
#footerNavCont {
	width: 100%;
	background: #eef0f6;
	padding: 60px 0;
	position: relative;
}
#footerNav .footer_toranomon{
	width: 100%;
	display: flex;
	flex-wrap:wrap;
}
#footerNav .footer_toranomon h3{
	margin-bottom: 20px;
	width: 100%;
}
#footerNav .footer_toranomon .footer_toranomon_inner{
	display: block;
	position: relative;
	width: 33.3333%;
	height: auto;
	margin: 0;
	padding:0 20px;
	border-right:1px solid #ddd;

}
#footerNav .footer_toranomon .footer_toranomon_inner:last-child{
	border-right:none;
}
@media screen and (min-width: 480px) {
	#footerNav > div {
		display: flex;
	}
	/*
	footer #footerNav > div {
		width: calc(100% - 40px);
	}
	*/
	#footerNav .footer_general {
		min-width: 230px;
		padding-right: 60px;
		border-right: 1px solid #d6dbea;
		margin-right: 60px;
		min-width: 30%;
		padding-right: 5%;
		margin-right: 5%;
	}
	#footerNav .footer_roppongi {
		min-width: 180px;
		padding-right: 60px;
		border-right: 1px solid #d6dbea;
		margin-right: 60px;
		min-width: 30%;
		padding-right: 5%;
		margin-right: 5%;
	}
	#footerNav .footer_toranomon {
		min-width: 280px;
		min-width: 29%;
	}
}
#footerNav h3 {
	font-size: 16px;
	font-weight: bold;
}
#footerNav .footer_general h3 {
	margin-bottom: 16px;
}
#footerNav .footer_roppongi a {
	pointer-events: none;
}
#footerNav .footer_roppongi h3 a,
#footerNav .footer_roppongi h4 a{
	color: #187f52;
}
#footerNav .footer_toranomon h3 a,
#footerNav .footer_toranomon h4 a{
	color: #004da1;
}
.toranomon #footerlink .grandhyatt,
.general #footerlink .grandhyatt,
.roppongi #footerlink .toranomonhills {
	display: none;
}
@media screen and (min-width: 481px) {
	#footerNav a {
		opacity: 1;
		position: relative;
	    -webkit-transition: all .2s;
		transition: all .2s;
	    padding-left: 10px;
	    display: block;
	}
	#footerNav a:before {
		position: absolute;
	    top: 50%;
	    left: 0;
	    width: 0;
	    height: 0;
	    content: "";
	    -webkit-transition: .3s ease-out;
	    transition: .3s ease-out;
	    -webkit-transform: translate(0,-50%);
	    transform: translate(0,-50%);
	    border-width: 3.5px 0 3.5px 6px;
	    border-style: solid;
	    border-color: transparent transparent transparent #030918;
	}
	#footerNav .footer_roppongi a:before {
	    border-color: transparent transparent transparent #187f52;
	}
	#footerNav .footer_toranomon a:before {
	    border-color: transparent transparent transparent #004da1;
	}
}
/*
#footerNav a:hover:before {
	left: 2px;
}
*/
#footerNav h4 {
	font-size: 14px;
	margin-top: 16px;
	font-weight: bold;
}
#footerNav ul li a {
	color: #32353b;
	font-size: 12px;
}
footer {
	background:#fff;
}
footer .pagetop {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	transition: opacity .2s;
}
footer .pagetop.visible {
	opacity: 1;
}
footer .pagetop i {
	display: block;
	background: #363636;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	position: relative;
}
footer .pagetop i:after {
    content: "";
    width: 0;
    height: 0;
    margin-top: 4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%) rotate(315deg);
}
#footerlink {
	padding:75px 20px;
	max-width: 620px;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
}
#footerNav_sub {
	width: 100%;
	border-top: solid 1px #e1e1e1;
	padding: 18px 0;
	height: 56px;
}
#footerNav_sub ul {
	float: left;
	font-size: 12px;
}
#footerNav_sub li {
	float: left;
	display: block;
	padding-right: 16px;
	border-right: 1px solid #999;
	margin-right: 16px;
}
#footerNav_sub li:last-child {
	border-right: none;
}
#footerNav_sub p {
	float: right;
	font-size: 11px;
	font-family: 'Lato', sans-serif;
}
#footerNav_sub p span {
	display: block;
	float: right;
	margin-left: 10px;
	color: #45474b;
}
footer a {
    -webkit-transition: all .2s;
	transition: all .2s;
}
footer a:hover,
#footerNav a:hover {
	opacity: .8;
}
#footerNav .sp,#footerNav h4 br {
	display: none;
}
@media screen and (max-width: 780px) {
	#footerNav .footer_toranomon .footer_toranomon_inner{
		width: 100%;
		border-right:none;
		padding: 0;
	}
}
@media screen and (max-width: 480px) {
	footer .pagetop {
		position: absolute;
	    top: -60px;
	    opacity: 1;
	}
	footer .pagetop i {
		width: 50px;
		height: 50px;
	}
	#footerNavCont {
		padding: 20px 0;
	}
	#footerNav h3 a {
	    padding-left: 0px;
	}
	#footerNav .footer_general {
		border-top: 1px solid #b1b6c4;
	}
	#footerNav .footer_general h3 {
		padding: 14px 10px;
		border-bottom: 1px solid #b1b6c4;
		width: 100%;
		margin-bottom: 0;
		padding-left: 0;
	}
	#footerNav h3 {
		border-bottom: 1px solid #b1b6c4;
		font-size: 14px;
		padding-bottom: 10px;
	}
	#footerNav .footer_general h3 a {
		color: #030918;
		font-size: 14px;
		font-weight: bold;
		display: block;
		position: relative;
		width: 100%;
	}
	.footer_roppongi h4 a,
	.footer_toranomon h4 a {
		display: block;
		float: left;
		width: 50%;
		font-size: 12px;
		position: relative;
		padding: 14px 20px 14px 10px;
		/*border-bottom: 1px solid #b1b6c4;*/
		box-sizing: border-box;
		height: 48px;
		font-weight: normal;
		/*border-right: 1px solid #b1b6c4;*/
	}
	.footer_roppongi h4.borderR_none a,
	.footer_toranomon h4.borderR_none a {
		border-right: none;
	}
	.footer_roppongi h4.line2 a,
	.footer_toranomon h4.line2 a {
		padding: 6px 10px;
	}
	#footerNav h4 br {
		display: block;
	}
	#footerNav h4 {
		margin-top: 0;
	}
	#footerNav .sp {
		display: block;
		position: relative;
		width: 100%;
	}
	#footerNav .footer_general h3 a:after,
	.footer_roppongi h4 a:after,
	.footer_toranomon h4 a:after{
		position: absolute;
		display: block;
		content: " ";
		right: 10px;
		top: 50%;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border-top: 2px solid #030918;
		border-right: 2px solid #030918;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.footer_roppongi h4 a:after {
		border-top: 2px solid #187f52;
		border-right: 2px solid #187f52;
		right: 10px;
	}
	.footer_toranomon h4 a:after{
		border-top: 2px solid #004da1;
		border-right: 2px solid #004da1;
		right: 20px;
	}
	#footerNav article {
		margin-bottom: 40px;
	}
	#footerNav article.footer_toranomon {
		margin-bottom: 0;
	}
	#footerNav article ul {
		display: none;
	}
	#footerlink {
		display: block;
		padding: 40px 20px;
	    text-align: center;
	}
	#footerlink li {
		margin-bottom: 40px;
	}
	#footerlink li:last-child {
		margin-bottom: 0;
	}
	#footerNav_sub ul {
		width: 280px;
		margin: 0 auto;
		float: none;
		height: 18px;
	}
	#footerNav_sub li {
		border-right: none;
	}
	#footerNav_sub li:last-child {
		margin-right: 0;
		padding-right: 0;
	}
	#footerNav_sub li a {
		position: relative;
		padding-left: 10px;
	}
	#footerNav_sub li a:before {
		position: absolute;
	    top: 50%;
	    left: 0;
	    width: 0;
	    height: 0;
	    content: "";
	    -webkit-transition: .3s ease-out;
	    transition: .3s ease-out;
	    -webkit-transform: translate(0,-50%);
	    transform: translate(0,-50%);
	    border-width: 3.5px 0 3.5px 6px;
	    border-style: solid;
	    border-color: transparent transparent transparent #030918;
	}
	#footerNav_sub p {
		float: none;
		text-align: center;
		font-size: 10px;
		margin-top: 25px;
	}
	#footerNav_sub p span {
		margin-left: 0;
		float: none;
		margin-top: 10px;
		display: block;
	}
	#footerNav_sub {
		margin-bottom: 10px;
	}
	#footerNav h4 a span.pc {
		display: none;
	}
}
/*======================================

	general page

=======================================*/
body.general #feature {
	height: 550px;
	width: 100%;
	text-align: center;
	background: url(../img_v2/feature.jpg) center center;
	background-size: cover;
	color: #fff;
}
body.general #feature .txt {
	font-size: 40px;
	padding-top: 380px;
	text-shadow:0px 0px 10px #16100d;
	font-weight: bold;
	line-height: 1.6;
}
#facility_img,
#facility {
	background: #fff;
}
#facility_img article {
	width: 49.56%;
	margin-top: 20px;
	margin-bottom: 0.878%;
	height: 400px;
}
#facility_img article.roppongi {
	float: left;
	color: #187f52;
	background: url(../img_v2/roppongi.jpg) center bottom;
	background-size: cover;
	position: relative;
}
#facility_img article.roppongi .covertxt,
#facility .roppongi .covertxt {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 10%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.9);
	text-decoration: none;
}
#facility_img article.roppongi .covertxt span,
#facility .roppongi .covertxt span {
	font-size: 20px;
	margin-bottom: 20px;
	display: block;
}
#facility_img article.roppongi .covertxt .covertxtlink,
#facility .roppongi .covertxt .covertxtlink {
	text-decoration: underline;
	display: block;
}
#facility_img article.roppongi .covertxt .covertxtlink:hover {
	text-decoration: none;
}
#facility_img article.toranomon {
	float: right;
	color: #004da1;
	background: url(../img_v2/toranomon.jpg) center bottom;
	background-size: cover;
}
#facility_img h2 {
	font-size: 16px;
	margin-top: 40px;
	text-align: center;
	margin-bottom: 16px;
}
#facility_img h2 strong {
	font-family: 'Oswald', sans-serif;
	font-size: 2.9vw;
	letter-spacing: 0.02em;
	display: block;
}
#facility .roppongi {
	float: left;
	padding-right: 4.1%;
	border-right: solid 1px #e1e1e1;
	box-sizing: content-box;
	opacity: 0.2;
}
.facility_img_sp.roppongi .covertxt {
	display: none;
}
#facility .toranomon {
	float: right;
}
#facility article {
	width: 45.833%;
	padding-top: 20px;
	padding-bottom: 110px;
}
#facility h3 {
	font-size: 18px;
	margin-bottom: 6px;
}
#facility article > p {
	font-size: 14px;
	margin-bottom: 16px;
}
#facility .detail {
	font-size: 13px;
/* 	margin-bottom: 28px; */
}
#facility .match {
	margin-bottom: 28px;
}
#facility .detail h4 {
	width: 90px;
	float: left;
}
#facility .detail p {
	float: left;
}
#facility .bxslider {
	width: 100%;
}
#facility .bxslider {
	margin-bottom: 50px;
}
#facility .bxslider li {
	display: block;
	position: relative;
}
#facility .bxslider li > div {
	position: relative;
}
#facility .bxslider li > div:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.45) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ); /* IE6-9 */
	z-index: 2;
	top:0;
}
#facility .bxslider li > div p {
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	width: 90%;
	bottom:14px;
	right: 50%;
    transform: translate(50%,0);
    text-shadow:0px 0px 5px #000;
	z-index: 3;
}
#facility .bxslider li img {
	width: 100%;
	position: relative;
	z-index: 1;
}
.slick-prev, .slick-next {
	z-index: 1;
	width: 40px;
	height: 60px;
	transition: all .2s;
}
.slick-prev:before,.slick-next:before {
    position: absolute;
    display: block;
    content: " ";
    right: 16px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slick-prev:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 12px;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
.roppongi .slick-prev,.roppongi .slick-next {
	background: #187f52;
}
.toranomon .slick-prev,.toranomon .slick-next {
	background: #004da1;
}
.roppongi .slick-prev:hover,.roppongi .slick-next:hover {
	background: #106e45;
}
.toranomon .slick-prev:hover,.toranomon .slick-next:hover {
	background: #00448f;
}
.facility_img_sp {
	display: none;
}

@media screen and (max-width: 480px) {
	.slick-prev, .slick-next {
		z-index: 1;
		width: 30px;
		height: 60px;
	}
	.slick-next:before {
		right: 12px;
	}
	.slick-prev:before {
		right: 7px;
	}
	#facility .roppongi .bxslider {
		opacity: 0.2;
	}
	#facility .bxslider li > div p {
	    width: calc(100% - 90px);
	}
	#facility .bxslider li > div {
		background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(71,71,71,0.66) 66%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%,rgba(71,71,71,0.66) 66%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(76,76,76,0) 0%,rgba(71,71,71,0.66) 66%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	}
	body.general #feature {
	    height: 375px;
	}
	body.general #feature .txt {
		padding: 270px 0 0;
		font-size: 5.5vw;
	}
	#facility {
		padding-top: 20px;
	}
	#facility_img {
		display: none;
	}
	.facility_img_sp {
		display: block;
		width: 100%;
		height: 300px;
		margin-bottom: 20px;
	}
	.facility_img_sp.roppongi {
		color: #187f52;
		background: url(../img_v2/roppongi.jpg) center bottom;
		background-size: cover;
	}
	.facility_img_sp.toranomon {
		color: #004da1;
		background: url(../img_v2/toranomon.jpg) center bottom;
		background-size: cover;
	}
	.facility_img_sp h2 {
		font-size: 14px;
		padding-top: 24px;
		text-align: center;
		margin-bottom: 16px;
	}
	.facility_img_sp h2 strong {
		font-family: 'Oswald', sans-serif;
		font-size: 7vw;
		letter-spacing: 0.02em;
		display: block;
	}
	#facility .roppongi {
	    float: none;
	    padding-right: 0;
	    border-right: none;
			opacity: 1;
	}
	.facility_img_sp.roppongi .covertxt {
		display: block;
	}
	#facility .roppongi .covertxt.pc {
		display: none;
	}
	#facility .toranomon {
		float: none;
	}
	#facility article {
	    width: 100%;
/*
	    padding-top: 20px;
	    padding-bottom: 110px;
*/
	}
	#facility h3 {
		letter-spacing: -0.01em;
		font-size: 17.5px;
	}
	#facility .bxslider {
		margin-bottom: 35px;
	}
	#facility article.roppongi {
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 35px;
		margin-bottom: 35px;
		position: relative;
	}
	#facility article {
		padding-top: 0;
	}
	#facility article.tranomon {

	}
}

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

	btn

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

a.btn {
	width: 320px;
	height: 60px;
	border-radius: 30px;
	color: #fff;
	transition: .5s all;
	text-align: center;
	font-weight: bold;
	padding-top: 18px;
	position: relative;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	color: #fff;
}
.btn.green {
	background: #187f52;
	border: 2px solid #187f52;
}
.btn.peacock {
	background: #1B9E99;
	border: 2px solid #1B9E99;
}
.btn.blue {
	background: #004da1;
	border: 2px solid #004da1;
}
.btn.back.blue {
	background: rgba(255,255,255,.3);
	border: solid 2px #004da1;
	color: #004da1;
}
.btn:after {
	position: absolute;
    display: block;
    content: " ";
    right: 16px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn.back.blue:after {
	left: 16px;
	right: auto;
    border-top: 2px solid #004da1;
    border-right: 2px solid #004da1;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.btn.back.blue:hover {
	background: #00448f;
	color: #fff;
}
.btn.back.blue:hover:after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.btn.green:hover {
	background: #fff;
	color: #187f52;
}
.btn.blue:hover {
	background: #fff;
	color: #00448f;
}
.btn.peacock:hover {
	background: #fff;
	color: #fff;
}
.btn.green:hover:after {
    border-top: 2px solid #187f52;
    border-right: 2px solid #187f52;
}
.btn.blue:hover:after {
    border-top: 2px solid #00448f;
    border-right: 2px solid #00448f;
}
@media screen and (max-width: 480px) {
	a.btn {
		height: 50px;
		padding-top: 13px;
		width: 82%;
	}
	body.toranomon.project.detail section.txt a.btn {
		padding-top: 9px !important;
	}
	body.roppongi.project.detail section.txt a.btn {
		padding-top: 9px !important;
	}
}
/*======================================

	toranomon

=======================================*/
body.toranomon.index #feature {
	height: 660px;
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
body.toranomon.index #feature div.cover {
	background: url(../img_v2/movie_cover.png);
	background-size: 12px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: auto;
    min-width: 100%;
    height: 660px;
/*     min-height: calc(100% - 450px); */
}
body.toranomon.index #feature video {
    position: fixed;
    z-index: -2;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	top: 126px;
    min-height: calc(100% - 450px);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
body.toranomon.index #feature .txt {
	text-align: center;
	position: absolute;
	top:50%;
	left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	color: #fff;
	font-weight: bold;
	margin-top: -2.9vw;
	width: 90%;
}
body.toranomon.index #feature .main {
	font-size: 60px;
	font-size: 4vw;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 4px;
	text-shadow:0px 0px 10px #16100d;
}
body.toranomon.index #feature .second {
	font-size: 28px;
	font-size: 1.8vw;
	font-weight: bold;
	text-shadow:0px 0px 10px #16100d;
}
body.toranomon.index #projectList {
	background: #fff;
	padding-top: 50px;
}
body.toranomon.index #bnr_usecase {
	background: #fff;

}
body.toranomon .bgLine strong {
	font-size: 24px;
    padding: 0 0 11px;
    border-bottom: 2px solid #004da1;
/*
    background: url(../toranomon/img_v2/ttl_bgLine.gif) repeat-x center bottom;
    background-size: auto 2px;
*/
}
body.toranomon .bgLine small {
	color: #004da1;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	display: block;
	margin-top: 12px;
    letter-spacing: 0.02em;
}
body.toranomon .bgLine {
	text-align: center;
}
#projectList {
	padding-bottom: 60px;
}
#projectList ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	width: 100%;
	margin-top: 50px;
}
#projectList ul li {
    transition: all .3s;
    width: 32%;
}
#projectList ul.li2 {
	justify-content: flex-start;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#projectList ul.li1 {
	justify-content: space-around;
}
#projectList ul.li1 li,
#projectList ul.li2 li {
	width: 48%;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:30px;
}
#projectList ul li a {
	width: 100%;
}
#projectList ul li img {
	width: 100%;
	box-shadow: 5px 5px 10px rgba(10,9,8,.2);
	transition: all .5s;
}
#projectList ul li a:hover img {
	box-shadow: 5px 5px 10px rgba(10,9,8,.4);
	opacity: .75;
}
#projectList ul li a:hover p {
	transition: all .5s;
}
#projectList ul li a:hover p {
	opacity: .75;
}
#projectList ul li p.tag{
	font-size: 12px;
	margin-top: 8px;
	color: #58687a;
}
#projectList ul li p.thTtl strong {
	font-size: 16px;
	font-weight: bold;
}
#projectList ul li p.thTtl{
	font-size: 14px;
	margin-top: 8px;
	line-height: 1.6em;
}
body.toranomon.index #topicList {
	background: url(../img_v2/bg_img.jpg) center center;
	background-size: cover;
	width: 100%;
	padding: 60px 0;
}
body.roppongi.index #topicList {
	background: url(/roppongi/img_v2/top_bw.jpg) center center;
	background-size: cover;
	width: 100%;
	padding: 60px 0;
}
#topicList ul {
	max-width: 980px;
	margin: 40px auto;
	padding: 0 20px;
	min-width: 768px;
}
#topicList ul li {
	display: block;
	position: relative;
	height: 300px;
	margin-bottom: 50px;
}
#topicList ul li img {
	max-width: 534px;
	transition: all .5s;
	position: relative;
}
#topicList ul li a .txt {
	background: #fff;
	width: 48%;
	max-width: 485px;
	position: absolute;
	top:50%;
	transform: translate(0,-50%);
	right: 0;
	padding: 3vw;
	box-shadow: 10px 10px 20px rgba(10,9,8,.2);
	transition: box-shadow .5s;
}
#topicList ul li:nth-child(even) a .txt{
	left: 0;
	right: auto;
}
#topicList ul li:nth-child(even) img {
	position: absolute;
	right: 0;
}
#topicList ul li a:hover .txt {
	box-shadow: 8px 8px 20px rgba(10,9,8,.3);
}
#topicList ul li a:hover img {
	opacity: .8;
}
#topicList ul li .txt h3 {
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: bold;
}
#topicList ul li .txt .sub {
	font-size: 13px;
	margin-bottom: 8px;
	color: #404144;
}
#topicList ul li .txt .date {
	font-family: 'Oswald', sans-serif;
	color: #404144;
	font-size: 13px;
}
#bnr_usecase {
	padding: 50px 0 80px;
}
#bnr_usecase .bnr {
	max-width: 840px;
	margin: 40px auto;
	padding: 0 20px;
	min-width: 768px;
	position: relative;
	display: block;
	box-sizing: border-box;
}
#bnr_usecase .bnr img {
	width: 100%;
	display: block;
	transition: opacity .5s;
}
#bnr_usecase a:hover img {
	opacity: .8;
}
/*
#bnr_usecase a div {
	position: absolute;
	right: 34px;
	bottom: 14px;
	width: 260px;
	height: 50px;
	padding-top: 15px;
	border-radius: 25px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
*/
#bnr_usecase .sp {
	display: none;
}
@media screen and (max-width: 768px) {
	#topicList ul li img {
	    max-width: 454px;
	}
	#topicList ul li a .txt {
	    width: 42%;
	}
	#topicList ul li {
		height: 256px;
	}
}
@media screen and (max-width: 480px) {
	body.toranomon.index #feature {
		height: 375px;
	}
	body.toranomon.index #feature div.cover {
	    height: 375px;
/* 	    top: 64px; */
	    min-height: auto;
	}
	body.toranomon.index #feature video {
	    height: 562px;
	    margin-top: -40%;
	    min-height: auto;
	}
	body.toranomon.index #feature .main {
	    font-size: 8vw;
	}
	body.toranomon.index #feature .second {
	    font-size: 4vw;
	}
	body.toranomon.index #feature .txt {
		margin-top: -6vw;
		width: 96%;
	}
	#projectList ul {
		display: block;
		margin: 40px auto;
	}
	#projectList ul li {
		width: 100%;
		margin-bottom: 30px;
	}
	#projectList ul li:last-child {
		margin-bottom: 0;
	}
	#topicList ul li img {
		width: 100%;
	}
	#topicList ul li a .txt {
		position: static;
		width: 88%;
		margin: auto;
	    padding: 6vw;
        transform: translate(0,-10%);
	}
	#topicList ul {
		min-width: auto;
		margin-bottom: 30px;
	}
	#bnr_usecase h2 strong {
		letter-spacing: -0.02em;
	}
	#bnr_usecase .sp {
		display: block;
	}
	#bnr_usecase {
		padding-bottom: 100px;
	}
	#bnr_usecase .pc {
		display: none;
	}
	#bnr_usecase a {
		min-width: auto;
	}
	#topicList ul li {
		height: auto;
		margin-bottom: 30px;
	}
	#projectList ul.li1 li,
	#projectList ul.li2 li {
		width: 100%;
        margin-left:auto;
        margin-right:auto;
	}
}

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

	toranomon

=======================================*/
body.toranomon,
html {
	min-width: auto;
}
body.toranomon.lower #feature {
	height: 300px;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
	color: #fff;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	position: relative;
}
body.toranomon.outline #feature {
	background: url(../toranomon/img_v2/outline_feature.jpg) center center;
	background-size: cover;
}
body.toranomon.spec #feature {
	background: url(../toranomon/img_v2/spec_feature.jpg) center center;
	background-size: cover;
}
body.toranomon.catering #feature {
	background: url(../toranomon/img_v2/catering_feature.jpg) center center;
	background-size: cover;
}
body.toranomon.guide #feature {
	background: url(../toranomon/img_v2/guide_feature.jpg) center center;
	background-size: cover;
}
body.toranomon.gallery #feature {
	background: url(../toranomon/img_v2/gallery_feature.jpg) center center;
	background-size: cover;
}
body.toranomon.gallery #feature {
	background: url(../toranomon/img_v2/gallery_feature.jpg) center center;
	background-size: cover;
}
body.toranomon.access #feature {
	background: url(../toranomon/img_v2/access_feature.jpg) center center;
	background-size: cover;
}
body.toranomon.fee #feature {
	background: url(../toranomon/img_v2/fee_feature.jpg) center center;
	background-size: cover;
}

body.toranomon.lower #feature .main {
	font-size: 2.5vw;
	text-shadow:0px 0px 10px #131138;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-weight: bold;
}
body.toranomon.lower #container {
	max-width: 940px;
	width: 100%;
	padding: 0 20px 80px;
}
body.toranomon.topic.lower #feature .main,
body.toranomon.project.detail #feature .main,body.roppongi.project.detail #feature .main {
	font-size: 28px;
	width: 90%;
	margin: 0 auto;
}

body.toranomon.spec #container {
	max-width: 980px;
}
body.toranomon.spec #floorTab {
	background: none;
}
body.toranomon.spec .floorNum {
	width: 100%;
}
body.toranomon.spec .floorNum .floor5f {
	width: 85.714%
}
body.toranomon.spec .floorNum .floor4f {
	width: 14.285%;
}
body.toranomon.specdetail .lead p {
	width: 100%;
}
body.toranomon.specdetail.toppage .lead img {
	float: none;
}
body.toranomon.specdetail #container p {
	margin-bottom: 0;
}
body.toranomon .specContentDetail a {
	color: #004da1;
	text-decoration: underline;
}
body.toranomon .specContentDetail a:hover {
	text-decoration: none;
}
body.toranomon .specContentLeft h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	font-feature-settings: "palt";
	position: relative;
}
body.toranomon .specContentLeft h2 span {
	position: absolute;
	right: 0;
	font-size: 22px;
}
body.toranomon.specdetail .imgs .thumbs {
	margin-right: 0;
	width: 100%;
}
body.toranomon.specdetail .imgs .thumbs:after {
	content: "";
	display: block;
	clear: both;
}
body.toranomon.specdetail .imgs .mainv {
	padding-bottom: 0;
}
body.toranomon.specdetail .imgs .thumbs:after {
	content: none;
}
body.toranomon.specdetail .imgs .thumbs li {
	width: 24.4%;
	padding-right: 0.8%;
	float: left;
}
body.toranomon.specdetail .imgs .thumbs li:last-child {
	padding-right: 0;
}
body.toranomon.specdetail .specContentDetail > div {
	margin-right: 0 !important;
}
body.toranomon.specdetail .imgs .mainv img {
	width: 100%;
}
body.toranomon.specdetail .imgs .thumbs li a img {
	width: 100%;
	height: auto;
}
body.toranomon.spec .floorNum .floor5f,
body.toranomon.spec .floorNum .floor4f {
	font-size: 28px;
	font-weight: bold;
	padding-left: 14px;
	position: relative;
}
body.toranomon.spec .floorNum .floor5f:before,
body.toranomon.spec .floorNum .floor4f:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 6px;
	height: 28px;
	border-left: #004da1 2px solid;
	content: "";
	transform: translate(0,-50%);
}
@media screen and (max-width: 980px) {
	body.toranomon .specContentLeft,
	body.toranomon .specContentRight {
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
	}
	body.toranomon .specContent .imgs {
		max-width: 440px;
		margin: 0 auto 20px;
	}
	body.toranomon .specContent .imgs img {
		width: 100%;
	}
}
body.spec #floorTab ul li a strong,
body.spec .floorNum .floor5f, body.toranomon.spec .floorNum .floor4f,
body.toranomon .specContentLeft h2 span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Century Gothic",Helvetica,Arial, "Droid Sans", sans-serif;
}
@media screen and (min-width: 480px) {
	body.toranomon.spec #floorTab ul {
		width: 100%;
		display: flex;
	}
	body.toranomon.spec #floorTab ul li {
		float: none;
		display: block;
		width: 14.28%;
	}
	body.toranomon.spec #floorTab ul li a {
		position: relative;
		color: #999;
		font-weight: bold;
		padding: 6px;
		border: 1px solid #999;
		border-right: none;
		line-height: 1.2em;
		height: 27px;
		top: 0;
		font-feature-settings: "palt";
	}
	body.toranomon.spec #floorTab ul li a span {
		display: block;
		position: absolute;
		top:50%;
		transform: translate(0,-50%);
		left: 12px;
		font-size: 12px;
	}
	body.toranomon.spec #floorTab ul li:last-child a {
		border: 1px solid #999;
	}
	body.toranomon.spec #floorTab ul li.on a,
	body.toranomon.spec #floorTab ul li a:hover {
		color: #000;
		border-bottom: 1px solid #eee;
	}
	body.toranomon.spec #floorTab ul li a strong {
		position: absolute;
		right: 6px;
		font-size: 28px;
		display: block;
		top:50%;
		transform: translate(0,-50%);
		color: #999;
	}
	body.toranomon.spec #floorTab ul li.on a strong,
	body.toranomon.spec #floorTab ul li a:hover strong {
		color: #000;
	}
	body.toranomon.spec #floorTab ul li a:before {
		content: " ";
		display: block;
		position: absolute;
		left: 6px;
		width: 2px;
		height: 28px;
		background: #999;
	}
	body.toranomon.spec #floorTab ul li.on a:before,
	body.toranomon.spec #floorTab ul li a:hover:before {
		background: #ddce00;
	}
	body.toranomon.specdetail .lead {
		margin-top: 0;
	}
}
@media screen and (min-width: 480px) and (max-width:820px) {
	body.toranomon.spec #floorTab ul li a {
		font-size: 12px;
	}
	body.toranomon.spec #floorTab ul li a strong {
		font-size: 22px;
	}
}
@media screen and (max-width:480px) {
	body.toranomon.specdetail #floorTab,
	body.toranomon.specdetail .floorNum {
		display: none;
	}
	body.toranomon.specdetail .specContentDetail .fr {
		float: none;
		margin: 0 auto 40px !important;
	}
	body.toranomon.specdetail .specContent {
	padding: 0;
	}
	body.toranomon .specContentDetail a {
		text-align: center;
	}
	body.toranomon.specdetail .specContentMap img {
		margin: 0 auto 10px;
	}
	body.toranomon .specContentDetail > img {
		padding-left: 30px;
	}
	body.toranomon .specContentMap.specContentData {
		padding-left: 0;
	}
	body.toranomon.specdetail .imgs .thumbs li a {
		overflow: hidden;
		text-align: center;
	}
/*
	body.toranomon .specContent .imgs img {
		width: auto;
	}
*/
	body.toranomon.topic.lower #feature .main,
	body.toranomon.project.detail #feature .main,body.roppongi.project.detail #feature .main {
		font-size: 20px;
		width: 90%;
	}
}
body.toranomon.spec .cols7 {
	display: flex;
}
body.toranomon.spec .cols7 .col {
	width: 14.285%;
}
body.toranomon.spec #container.pc{

}
body.toranomon .cols2 {
	display: flex;
	justify-content: space-between;
}
body.toranomon .cols2 .col {
	width: 47%;
}
body.toranomon .cols2 .col .colinner {
	padding: 0;
}
body.toranomon.outline #container .w100per {
	width: 100%;
	height: auto;
}
body.toranomon .lead1 h2 {
	width: 100%;
	max-width: 695px;
}
body.toranomon #container .sp_scroll {
	text-align: center;
}
body.toranomon #container .sp_scroll img {
	width: 100%;
	height: auto;
}
body.toranomon .cols2 {
	margin: 0;
}
body.toranomon .cols2:after {
	content: none;
}
body.toranomon .cols3 .col {
	width: 31%;
	margin-right: 3.5%;
}
body.toranomon .cols3 .col .colinner {
	padding-right: 0;
}
body.toranomon .cols3 .col .colinner img,
body.roppongi .cols3 .col .colinner img {
	width: 100%;
	height: auto;
}
body.toranomon .cols3 .col:nth-of-type(3) {
	margin-right: 0;
}
body.toranomon .cols3 .fr {
	width: 65.5%;
	margin-left: 0;
}
body.toranomon .cols3 .fr img {
	width: 100%;
	height: auto;
}
body.toranomon .cols3 {
	margin-right: 0;
}
body.toranomon.spec #container_sp {
	display: none;
}
body.toranomon.spec .link_list {
	margin: -50px auto 50px;
	max-width: 980px;
	width: 100%;
    padding: 0 20px 0;
}
body.toranomon.spec .link_list ul {
	float: right;
}
body.toranomon.spec .link_list li {
	display: inline-block;
	margin-right: 10px;
}
body.toranomon.spec .link_list li:last-child {
	margin-right: 0;
}
body.toranomon.spec .link_list li a {
    opacity: 1;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding-left: 10px;
    display: block;
    font-size: 13px;
    transition: color .2s;
}
body.toranomon.spec .link_list li a:hover {
    cursor: pointer;
    color: #004da1;
}
body.toranomon.spec .link_list li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border-width: 3.5px 0 3.5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #004da1;
}
@media screen and (max-width: 980px) {
	body.toranomon.specindex #container.pc {
		display: none;
	}
	body.toranomon.spec #container_sp {
		display: block;
		max-width: 940px;
		width: 100%;
		padding: 0 20px 80px;
		margin: 0 auto;
	}
	body.toranomon.spec #container_sp h2{
		font-weight: bold;
		font-size: 22px;
		text-align: center;
		margin-bottom: -30px;
	}
	body.toranomon.spec #container_sp h3 {
		margin-bottom: 20px;
	    margin-top: 50px;
	    font-size: 24px;
	    font-weight: bold;
	    position: relative;
		padding-left: 10px;
	}
	body.toranomon.spec #container_sp h3:before {
		display: block;
		content: "";
		border-left: 3px solid #004da1;
		height: 24px;
		padding-right: 10px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(0,-50%);
	}
	body.toranomon.spec #container_sp li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
		float: left;
		box-shadow: 5px 5px 10px rgba(10,9,8,.2);
		transition: all .5s;
		padding: 20px;
	}
/*
	body.toranomon.spec #container_sp li:hover {
		box-shadow: 5px 5px 10px rgba(10,9,8,.4);
		opacity: .75;
	}
*/
	body.toranomon.spec #container_sp li:nth-child(3n) {
		margin-right: 0;
	}
	#projectList ul li img {
		width: 100%;
	}
	body.toranomon.spec #container_sp .txt {
		float: left;
		width: 45%;
	}
	body.toranomon.spec #container_sp h4 {
		border-bottom: 1px solid #aaa;
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 16px;
		padding-bottom: 6px;
	}
	body.toranomon.spec #container_sp .txt td small {
		font-size: 11px;
	}
	body.toranomon.spec #container_sp .thum {
		float: right;
		width: 53%;
	}
	body.toranomon.spec #container_sp .floorImg {
		width: 100%;
		margin-top: 16px;
		margin-bottom: 20px;
	}
	body.toranomon.spec #container_sp li .btn {
		width: 80%;
		height: 40px;
		padding-top: 9px;
		font-size: 13px;
		cursor: pointer;
	}
	body.toranomon.spec #container_sp li .btn:after {
		width: 6px;
		height: 6px;
	}
	body.toranomon.spec #container_sp li table.tbl3 tr {
		border-bottom: none;
	}
	body.toranomon.spec #container_sp table.tbl3 caption {
		border-top: none;
		padding-top: 0;
		padding-bottom: 2px;
	}
	body.toranomon.spec #container_sp table.tbl3 td {
		padding: 0 0 2px 0;
	}
}
@media screen and (max-width: 900px) {
	body.toranomon.spec #container_sp .thum {
		float: none;
		width: 100%;
		margin-bottom: 16px;
	}
	body.toranomon.spec #container_sp .txt {
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	body.toranomon #container .sp_scroll {
	    max-width: initial;
	    padding: 0px 10px 30px;
	    overflow: auto;
	}
	body.toranomon #container .sp_scroll img {
		width: auto;
	}
	body.toranomon.lower #container {
		padding-bottom: 40px;
	}
	body.toranomon .cols2 {
		display: block;
	}
	body.toranomon .cols2 .col {
		width: 100%;
	}
	body.toranomon.lower #feature .main {
		font-size: 5.5vw;
	}
	.lead1 h2 {
		font-size: 24px;
	}
	body.toranomon.lower #feature {
		height: 260px;
		margin-bottom: 50px;
	}
	body.toranomon .cols3 .col {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 60px;
	}
	body.toranomon .cols3 .fr {
		width: 100%;
	}
	body.toranomon .cols3 .col.mb0 {
		margin-bottom: 0;
	}
	body.toranomon .cols3 .col.pb0 {
		padding-bottom: 0;
	}
	body.toranomon.spec .link_list {
		margin: -20px 0;
	}
	body.toranomon.spec.specdetail .link_list {
		margin: -20px 0 0;
	}
	body.toranomon.spec .link_list ul {
		float: none;
		text-align: right;
	}
	body.toranomon.spec .link_list li {
		margin-right: 0;
	}
	body.toranomon.spec .link_list li:last-child {
		display: none;
	}
	body.toranomon.spec #container_sp li {
		width: 100%;
		margin-right: 0;
		float: none;
		box-shadow: none;
		padding: 0;
	}
	body.toranomon.spec #container_sp h4 {
		border-bottom: none;
		background: #004da1;
		border-radius: 8px;
		color: #fff;
		position: relative;
		padding: 12px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	body.toranomon.spec #container_sp h4:after {
		width: 16px;
		height: 2px;
		position: absolute;
		display: block;
		background: #fff;
		right: 16px;
		top:50%;
		transform: translate(0,-50%);
		content: " ";
	}
	body.toranomon.spec #container_sp h4:before {
		position: absolute;
		background: #fff;
		display: block;
		width: 2px;
		height: 16px;
		right: 23px;
		top:50%;
		transform: translate(0,-50%);
		content: " ";
		transition: height .2s;
	}
	body.toranomon.spec #container_sp h4.open:before {
		height: 0;
	}
	body.toranomon.spec #container_sp .sp_frame {
		padding: 20px 20px 30px;
		border: 1px solid #dbdbdb;
		margin-bottom: 30px;
		display: none;
	}
	body.toranomon.spec #container_sp .txt {
		float: left;
		width: 45%;
	}
	body.toranomon.spec #container_sp .thum {
		float: right;
		width: 53%;
	}

}
body.toranomon.topic #feature {
	height: 300px;
	width: 100%;
	text-align: center;
	background: url(../toranomon/img_v2/topic_feature.jpg) center center;
	background-size: cover;
	margin-bottom: 60px;
	color: #fff;
}
body.toranomon.topic #feature.mb0 {
	margin-bottom: 0;
}
body.toranomon.topic #feature.toranomon-hills-sta {
	background: url(../toranomon/img_v2/access_feature.jpg) center center;
	background-size: cover;
}
body.toranomon.topic.lowerIndex #feature .main,
body.toranomon.project.lowerIndex #feature .main {
	font-size: 2.8vw;
	text-shadow:0px 0px 10px #16100d;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
}
body.toranomon.lower #feature .second,body.roppongi.lower #feature .second {
	font-size: 14px;
	font-weight: bold;
	text-shadow:0px 0px 10px #16100d;
	display: block;
}
body.toranomon.lower.topic.detail #feature .second:after,
body.toranomon.lower.project.detail #feature .second:after,body.roppongi.lower.project.detail #feature .second:after {
	content: "";
	display: block;
	border-top: 1px solid rgba(255,255,255);
	width: 60px;
	margin: 16px auto 10px;
}
body.toranomon.topic.lowerIndex .read {
	text-align: center;
	font-size: 14px;
	padding: 0 20px;
}
#linkArea {
	background: url(../img_v2/bg_img.jpg) center top;
	background-size: cover;
	width: 100%;
	padding: 80px 0;
	margin: 80px 0;
}
body.toranomon.topic #linkArea #projectList {
/* 	margin-bottom: 80px; */
	padding-bottom: 0;
}
#linkArea #bnr_usecase {
	margin-bottom: 0;
	padding-bottom: 0;
}
/*
#linkArea #bnr_usecase a {
	margin-bottom: 0px;
}
*/
body.toranomon.topic.detail section.txt,
body.toranomon.project.detail section.txt,body.roppongi.project.detail section.txt {
	line-height: 2em;
}
body.toranomon.topic.detail section.txt a,
body.toranomon.project.detail section.txt a {
	text-decoration: underline;
    color: #004da1;
}
body.roppongi.topic.detail section.txt a,
body.roppongi.project.detail section.txt a {
	text-decoration: underline;
    color: #187f52;
}
body.toranomon.topic.detail section.txt a:hover,
body.toranomon.project.detail section.txt a:hover {
	text-decoration: none;
}
body.roppongi.topic.detail section.txt a:hover,
body.roppongi.project.detail section.txt a:hover {
	text-decoration: none;
}
body.toranomon.project.detail section.txt a.btn,body.roppongi.project.detail section.txt a.btn {
	color: #fff;
	text-decoration: none;
	padding-top: 15px;
	font-size: 14px;
}
body.toranomon.project.detail section.txt a.btn:hover {
    color: #004da1;
}
body.roppongi.project.detail section.txt a.btn:hover {
    color: #187f52;
}
body.toranomon.topic.detail section.txt p.read,
body.toranomon.project.detail section.txt p.read,body.roppongi.topic.detail section.txt p.read,
body.roppongi.project.detail section.txt p.read {
	font-weight: bold;
	font-size: 18px;
	font-feature-settings: "palt";
	letter-spacing: 0.07em;
	margin-bottom: 80px;
	margin-top: 40px;
	line-height: 1.8em;
}
body.toranomon.topic.detail section.txt p.question,
body.toranomon.project.detail section.txt p.question,
body.toranomon.project.detail section.txt p.catch {
	font-weight: bold;
	font-size: 20px;
	font-feature-settings: "palt";
	letter-spacing: 0.07em;
	margin-bottom: 40px;
	margin-top: 0;
    color: #004da1;
}
body.roppongi.topic.detail section.txt p.question,
body.roppongi.project.detail section.txt p.question,
body.roppongi.project.detail section.txt p.catch {
	font-weight: bold;
	font-size: 20px;
	font-feature-settings: "palt";
	letter-spacing: 0.07em;
	margin-bottom: 40px;
	margin-top: 0;
    color: #187f52;
}
body.toranomon.topic.detail section.txt p.question:before,
body.toranomon.project.detail section.txt p.question:before,body.roppongi.topic.detail section.txt p.question:before,
body.roppongi.project.detail section.txt p.question:before {
	content: "Q,";
	display: inline-block;
    font-family: 'Oswald', sans-serif;
	font-size: 24px;
	margin-right: 8px;
	line-height: 1em;
}
body.toranomon.project.detail section .table,body.roppongi.project.detail section .table {
    padding: 0 20px;
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}
body.toranomon.project.detail section .table table,body.roppongi.project.detail section .table table{
    border-top: 1px solid #ccc;
}
body.toranomon.project.detail section .table th,body.roppongi.project.detail section .table th {
	background: #EBF2FC;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
}
body.toranomon.project.detail section .table th:nth-of-type(1),body.roppongi.project.detail section .table th:nth-of-type(1) {
	width: 50%;
}
body.toranomon.project.detail section .table thead th,body.roppongi.project.detail section .table thead th{
	text-align: center;
}
body.toranomon.project.detail section .table td,body.roppongi.project.detail section .table td {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}
body.toranomon.topic.detail section.txt .point,
body.toranomon.project.detail section.txt .point,
body.toranomon.topic.detail .bgGray .point,body.roppongi.topic.detail section.txt .point,
body.roppongi.project.detail section.txt .point,
body.roppongi.topic.detail .bgGray .point {
    text-align: center;
    margin-bottom: 30px;
}
body.toranomon.topic.detail section.txt .point strong,
body.toranomon.project.detail section.txt .point strong,
body.toranomon.topic.detail .bgGray .point strong,body.roppongi.topic.detail section.txt .point strong,
body.roppongi.project.detail section.txt .point strong,
body.roppongi.topic.detail .bgGray .point strong {
	font-size: 24px;
	font-feature-settings: "palt";
	letter-spacing: 0.07em;
    color: #818181;
    padding-bottom: 8px;
    border-bottom: 1px solid #bebebe;
    line-height: 2;
    display: inline-block;
    line-height: 1.6;
}
body.toranomon.topic.detail section.txt .point strong:before,
body.toranomon.project.detail section.txt .point strong:before,
body.toranomon.topic.detail .bgGray .point strong:before,body.roppongi.topic.detail section.txt .point strong:before,
body.roppongi.project.detail section.txt .point strong:before,
body.roppongi.topic.detail .bgGray .point strong:before {
	content: "“";
	display: inline-block;
	font-size: 34px;
	line-height: 0;
	position: relative;
	top: 8px;
}
body.toranomon.topic.detail section.txt .point strong:after,
body.toranomon.project.detail section.txt .point strong:after,
body.toranomon.topic.detail .bgGray .point strong:after,body.roppongi.topic.detail section.txt .point strong:after,
body.roppongi.project.detail section.txt .point strong:after,
body.roppongi.topic.detail .bgGray .point strong:after {
	content: "”";
	display: inline-block;
	font-size: 34px;
	line-height: 0;
	position: relative;
	top: 8px;
}
body.toranomon.topic.detail section.txt p sup,
body.toranomon.project.detail section.txt p sup,body.roppongi.topic.detail section.txt p sup,
body.roppongi.project.detail section.txt p sup {
	font-size: 13px;
	position: relative;
	top:-6px;
}
body.toranomon.topic.detail section.txt .note,
body.toranomon.project.detail section.txt .note,body.roppongi.topic.detail section.txt .note,
body.roppongi.project.detail section.txt .note {
	font-size: 13px;
	font-weight: normal;
	margin-top: -20px;
}
body.toranomon.topic.detail .comment:after,
body.toranomon.project.detail .comment:after,body.roppongi.topic.detail .comment:after,
body.roppongi.project.detail .comment:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}
body.toranomon.topic.detail .comment dt {
    float: left;
    width: 100px;
    font-size: 18px;
    font-weight: bold;
}
body.toranomon.topic.detail .comment dd {
    float: left;
    margin-bottom: 50px;
    width: calc(100% - 100px);
	font-size: 16px;
}
body.toranomon.topic.detail .comment.blue dt {
	color: #008ca8;
}
body.toranomon.topic.detail .comment.green dt {
    color: rgb(24, 127, 82);
}
body.toranomon.topic.detail .comment.purple dt {
	color: #6f408e;
}
body.toranomon.topic.detail .comment.yellow dt {
	color: #d6b53b;
}
body.toranomon.topic.detail .comment.null dt:after {
	content: "　";
	display: block;
}
body.toranomon.topic.detail section.txt > img,
body.toranomon.project.detail section.txt > img,body.roppongi.project.detail section.txt > img {
	width: 100%;
	margin-bottom: 50px;
}
body.toranomon.topic.detail .profile_area h4,
body.toranomon.project.detail .profile_area h4 {
	color: #004da1;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
}
body.roppongi.project.detail .profile_area h4 {
	color: #187f52;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
}
body.toranomon.topic.detail .profile_area .people,
body.toranomon.project.detail .profile_area .people,body.roppongi.project.detail .profile_area .people {
	border: 1px solid #aaa;
	padding: 24px;
	margin-bottom: 40px;
    margin-top: 20px;
}
body.toranomon.topic.detail .profile_area .people .block,
body.toranomon.project.detail .profile_area .people .block,body.roppongi.project.detail .profile_area .people .block {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 30px;
	margin-bottom: 30px;
	display: flex;
}
body.toranomon.topic.detail .profile_area .people .block:last-child,
body.toranomon.project.detail .profile_area .people .block:last-child,body.roppongi.project.detail .profile_area .people .block:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
body.toranomon.topic.detail .profile_area .people .name,
body.toranomon.project.detail .profile_area .people .name,body.roppongi.project.detail .profile_area .people .name {
/* 	border-right: 1px dotted #c0c0c0; */
	width: 180px;
	line-height: 1.4em;
	font-size: 13px;
}
body.toranomon.topic.detail .profile_area .people .name strong,
body.toranomon.project.detail .profile_area .people .name strong,body.roppongi.project.detail .profile_area .people .name strong {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}
body.toranomon.topic.detail .profile_area .people .block p,
body.toranomon.project.detail .profile_area .people .block p,body.roppongi.project.detail .profile_area .people .block p {
	width: calc(100% - 180px);
	padding-right: 0;
	padding-left: 40px;
}
body.toranomon.topic.detail .profile_area .logo,
body.toranomon.project.detail .profile_area .logo,body.roppongi.project.detail .profile_area .logo {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 60px;
}
body.toranomon.topic.detail .profile_area .logo li,
body.toranomon.project.detail .profile_area .logo li,body.roppongi.project.detail .profile_area .logo li {
	display: block;
}
body.toranomon.topic.detail .col2 {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 50px;
	padding: 0 20px;
}
body.toranomon.topic.detail .col2 .img {
	width: 48%;
	text-align: center;
	color: #004da1;
}
body.toranomon.topic.detail .col2 .img p {
	text-align: left;
	color: #333;
	font-size: 14px;
	padding: 0;
}
body.toranomon.topic.detail #slider.col2 {
	display: block;
	padding: 0;
}
body.toranomon.topic.detail #slider.col2 .img {
	width: auto;
	padding: 0 20px;
}
body.toranomon.topic.detail .col2 .img img {
	width: 100%;
	margin-bottom: 12px;
}
body.toranomon.topic.detail .col2 .txt {
	width: 48%;
	padding: 0;
}
body.toranomon.topic.detail .txtCenter {
	text-align: center;
}
body.toranomon.lower #feature h2 br.sp {
	display: none;
}
body.toranomon.topic.detail video {
	width: 100%;
	padding: 0 20px 0;
	margin-top: -30px;
}
body.toranomon.topic.detail .bgGray {
	background: #eef0f6;
	width: 100%;
	padding: 60px 0;
}
body.toranomon.topic.detail .bgGrayIn {
	max-width: 980px;
    margin: 0 auto;
    padding: 0 20px;
    min-width: 768px;
}
body.toranomon.project.detail section .movie,body.roppongi.project.detail section .movie {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    margin-bottom: 60px;
}
body.toranomon.project.detail section video,body.roppongi.project.detail section video {
	width: 100%;
}
body.toranomon.project.detail section .mb0,body.roppongi.project.detail section .mb0 {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
	body.toranomon.topic.detail .profile_area,
	body.toranomon.project.detail .profile_area,body.roppongi.project.detail .profile_area {
		padding: 0 20px;
	}
	body.toranomon.topic.detail .col2 {
		display: block;
	}
	body.toranomon.topic.detail .col2 .img {
		width: 100%;
		margin-bottom: 40px;
	}
	body.toranomon.topic.detail .col2 .txt {
		width: 100%;
	}
	body.toranomon.topic.detail .col2.slider {
		width: 180%;
	}
	body.toranomon.topic.detail .col2.slider .img {
		margin-bottom: 0;
	}
	body.toranomon.topic.detail .sliderCont {
		overflow: hidden;
	}
}
@media screen and (max-width: 480px) {
	body.toranomon.topic.lowerIndex #feature .main,
	body.toranomon.project.lowerIndex #feature .main {
		font-size: 6.5vw;
	}
	body.toranomon.topic #feature .second,
	body.toranomon.project #feature .second {
		font-size: 14px;
	}
	#linkArea {
		padding: 40px 0;
		margin: 40px 0 80px;
	}
	#topicList ul li:nth-child(even) img {
	    position: static;
	    right: 0;
	}
	body.toranomon.topic #feature {
		margin-bottom: 50px;
	    height: 260px;
	}
	body.toranomon.topic.detail .comment dt {
	    float: left;
	    width: auto;
	    line-height: 1.4em;
	}
	body.toranomon.topic.detail .comment dt:after {
		content: "：";
		margin-right: 6px;
		font-size: 14px;
	}
	body.toranomon.topic.detail .comment dd {
	    float: none;
	    width: 100%;
	}
	body.toranomon.topic.detail .profile_area .people,
	body.toranomon.project.detail .profile_area .people,body.roppongi.project.detail .profile_area .people {
		margin-top: 0;
	}
	body.toranomon.topic.detail .profile_area .people .block,
	body.toranomon.project.detail .profile_area .people .block,body.roppongi.project.detail .profile_area .people .block {
		display: block;
	}
	body.toranomon.topic.detail .profile_area .people .name,
	body.toranomon.project.detail .profile_area .people .name,body.roppongi.project.detail .profile_area .people .name {
		width: 100%;
	    border-right: none;
	    margin-bottom: 10px;
	}
	body.toranomon.topic.detail .profile_area .people .block p,
	body.toranomon.project.detail .profile_area .people .block p,body.roppongi.project.detail .profile_area .people .block p {
		width: 100%;
		padding-left: 0;
	}
	body.toranomon.topic.detail .profile_area .logo,
	body.toranomon.project.detail .profile_area .logo,body.roppongi.project.detail .profile_area .logo {
		margin: 50px auto;
	}
	body.toranomon.topic.detail .comment.null dt:after {
		content: none;
		display: none;
	}
	body.toranomon.topic.detail .profile_area .logo,
	body.toranomon.project.detail .profile_area .logo,body.roppongi.project.detail .profile_area .logo {
		display: block;
		text-align: center;
	}
	body.toranomon.topic.detail .profile_area .logo li,
	body.toranomon.project.detail .profile_area .logo li,body.roppongi.project.detail .profile_area .logo li {
		margin-bottom: 50px;
	}
	body.toranomon.topic.detail .profile_area .logo li:last-child,
	body.toranomon.project.detail .profile_area .logo li:last-child,body.roppongi.project.detail .profile_area .logo li:last-child {
		margin-bottom: 0;
	}
	body.toranomon.topic.detail section.txt .point br,
	body.toranomon.project.detail section.txt .point br,body.roppongi.project.detail section.txt .point br,
	body.toranomon.topic.detail .bgGray .point br {
		display: none;
	}
	body.toranomon.lower #feature h2 br.sp {
		display: block;
	}
}
body.toranomon.project #feature {
	height: 300px;
	width: 100%;
	text-align: center;
	background: url(../toranomon/img_v2/progect_feature.jpg) center center;
	background-size: cover;
	margin-bottom: 60px;
	color: #fff;
}
body.roppongi.project #feature {
	height: 300px;
	width: 100%;
	text-align: center;
	background: url(../roppongi/img_v2/top_slide2.jpg) center center;
	background-size: cover;
	margin-bottom: 60px;
	color: #fff;
}
body.roppongi.project #feature:before{
	content:"";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
}
/*
body.toranomon.project #feature .main {
	font-size: 2.8vw;
	text-shadow:0px 0px 10px #16100d;
	padding-top: 9rem;
	font-family: 'Oswald', sans-serif;

}
body.toranomon.project #feature .second {
	font-size: 1vw;
	font-weight: bold;
	text-shadow:0px 0px 10px #16100d;
}
*/
body.toranomon.project #linkArea #topicList {
	margin-bottom: 100px;
}
body.toranomon.project #projectList {
	padding-bottom: 0;
}
body.toranomon.project #linkArea #bnr_usecase {
	padding-top: 0;
}
@media screen and (max-width: 480px) {
	body.toranomon.project #feature .main {
		font-size: 6.5vw;
	}
	body.toranomon.project #feature .second {
		font-size: 3.5vw;
	}
	body.toranomon.project #feature {
		margin-bottom: 50px;
	    height: 260px;
	}
	body.toranomon.project #linkArea #topicList {
		margin-bottom: 40px;
	}
	body.toranomon.project #linkArea #bnr_usecase {
		padding-top: 50px;
	}
}
body.toranomon.outline .btn.blue {
	margin-bottom: 80px;
}
body.toranomon.project.detail #ttl_area,body.roppongi.project.detail #ttl_area {
	margin-top: 60px;
	text-align: center;
	padding: 0 20px;
}
body.toranomon.project.detail #ttl_area img,body.roppongi.project.detail #ttl_area img {
	max-width: 400px;
	width: 100%;
}
body.toranomon.project.detail #ttl_area h2,body.roppongi.project.detail #ttl_area h2 {
	font-size: 26px;
	margin-bottom: 50px;
	font-weight: bold;
}
body.toranomon.project.detail #projectDetail {
	background: #eef0f6;
	width: 100%;
	padding: 50px 60px;
	margin-bottom: 50px;
}
body.roppongi.project.detail #projectDetail {
	background: #EFF7F3;
	width: 100%;
	padding: 50px 60px;
	margin-bottom: 50px;
}
body.toranomon.project.detail #projectDetail .projectDetailIn,body.roppongi.project.detail #projectDetail .projectDetailIn {
	display: flex;
	justify-content: space-between;
}
body.toranomon.project.detail #projectDetail .projectDetail img,body.roppongi.project.detail #projectDetail .projectDetail img {
	width: 100%;
}
body.toranomon.project.detail #projectDetail .left,body.roppongi.project.detail #projectDetail .left {
	width: 49%;
}
body.toranomon.project.detail #projectDetail h4,body.roppongi.project.detail #projectDetail h4 {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 40px;
}
body.toranomon.project.detail #projectDetail h5,body.roppongi.project.detail #projectDetail h5 {
	font-size: 16px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #a6a8ac;
	font-weight: bold;
	margin-bottom: 8px;
}
body.toranomon.project.detail #projectDetail p,body.roppongi.project.detail #projectDetail p {
	font-size: 14px;
	margin-bottom: 40px;
}
body.toranomon.project.detail #projectDetail p strong,body.roppongi.project.detail #projectDetail p strong {
	font-size: 16px;
	font-weight: bold;
}
body.toranomon.project.detail #projectDetail .projectDetailIn small,body.roppongi.project.detail #projectDetail .projectDetailIn small {
	font-size: 13px;
	font-weight: normal;
}
body.toranomon.project.detail #projectDetail .facility,body.roppongi.project.detail #projectDetail .facility {
	width: 46%;
}
body.toranomon.project.detail #projectDetail .facility h3,body.roppongi.project.detail #projectDetail .facility h3 {
	border-bottom:none;
}
body.toranomon.project.detail #projectDetail .facility th {
	min-width: 110px;
	background: #183b70;
	color: #fff;
	border-right: 4px solid #eef0f6;
	border-bottom: 4px solid #eef0f6;
	padding: 20px;
	min-width:120px;
	text-align: left;
}
body.roppongi.project.detail #projectDetail .facility th {
	min-width: 110px;
	background: #187f52;
	color: #fff;
	border-right: 4px solid #eef0f6;
	border-bottom: 4px solid #eef0f6;
	padding: 20px;
	min-width:120px;
	text-align: left;
}
body.toranomon.project.detail #projectDetail .facility td,body.roppongi.project.detail #projectDetail .facility td {
	background: #fff;
	padding: 20px;
	border-bottom: 4px solid #eef0f6;
	width: 100%;
}
body.toranomon.project.detail #projectDetail .facility li,body.roppongi.project.detail #projectDetail .facility li {
	margin-bottom: 10px;
	line-height: 1em;
}
body.toranomon.project.detail #projectDetail .facility li:last-child,body.roppongi.project.detail #projectDetail .facility li:last-child {
	margin-bottom: 0;
}
body.toranomon.project.detail section.txt,body.roppongi.project.detail section.txt,
body.toranomon.topic.detail section.txt {
	margin-bottom: 80px;
}
/*
body.toranomon.project.detail section.txt img {
	margin-top: 80px;
	width: 100%;
}
*/
body.toranomon.project.detail section.txt > p,
body.toranomon.project.detail section.txt > h3,
body.toranomon.project.detail section.venue,body.roppongi.project.detail section.txt > p,
body.roppongi.project.detail section.txt > h3,
body.roppongi.project.detail section.venue,
body.toranomon.topic.detail section.txt p,
body.toranomon.topic.detail section.txt h3,
body.toranomon.topic.detail section.txt .comment,
body.toranomon.topic.detail .bgGrayIn > p {
	max-width: 840px;
	margin: 0 auto;
	padding: 0 20px;
}
body.toranomon.project.detail section.txt h3,
body.toranomon.topic.detail section.txt h3,
body.toranomon.project.detail .venue h3,body.roppongi.project.detail section.txt h3,
body.roppongi.topic.detail section.txt h3,
body.roppongi.project.detail .venue h3 {
	margin-top: 80px;
	font-size: 20px;
	font-weight: bold;
}
body.toranomon.topic.detail section.txt > p,
body.toranomon.project.detail section.txt > p,body.roppongi.project.detail section.txt > p,
body.toranomon.topic.detail .bgGrayIn > p {
	font-size: 16px;
	margin-bottom: 50px;
}
body.toranomon.topic.detail section.txt.maxwidth700 p,
body.toranomon.topic.detail section.txt.maxwidth700 h3,
body.toranomon.project.detail section.txt.maxwidth700 p,
body.toranomon.project.detail section.txt.maxwidth700 h3,
body.toranomon.project.detail section.txt.maxwidth700 dl,body.roppongi.project.detail section.txt.maxwidth700 p,
body.roppongi.project.detail section.txt.maxwidth700 h3,
body.roppongi.project.detail section.txt.maxwidth700 dl,
body.toranomon.topic.detail .bgGrayIn > p {
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
}
body.toranomon.topic.detail section.txt.maxwidth700 h3 {
	color:#004da1;
}
body.toranomon.topic.detail img.w80p{
	max-width: 700px;
	margin: 0 auto;
	display: block;
	padding: 0 20px;
}
body.toranomon.topic.detail .img img.border {
	border: 1px solid #ccc;
}
body.toranomon.project.detail section.txt.maxwidth700 h3,body.roppongi.project.detail section.txt.maxwidth700 h3 {
	margin-bottom: 20px;
}
body.toranomon.project.detail section.txt.maxwidth700 h3 span {
    font-size: 16px;
	color: #004da1;
	padding: 6px;
	border: 1px solid #004da1;
}
body.roppongi.project.detail section.txt.maxwidth700 h3 span {
    font-size: 16px;
	color: #187f52;
	padding: 6px;
	border: 1px solid #187f52;
}
body.toranomon.project.detail .venue > div,body.roppongi.project.detail .venue > div {
	display: flex;
	justify-content: space-around;
}
body.toranomon.project.detail .venue h3,body.roppongi.project.detail .venue h3 {
	margin-bottom: 20px;
}
body.toranomon.project.detail #projectList,body.roppongi.project.detail #projectList {
	padding-bottom: 0;
}
#linkArea_sub2 {
	display: flex;
	justify-content: space-between;
	max-width: 680px;
	margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
	body.toranomon.project.detail #projectDetail,body.roppongi.project.detail #projectDetail {
		padding: 40px;
	}
	body.toranomon.project.detail #projectDetail .facility table,body.roppongi.project.detail #projectDetail .facility table {
		font-size: 13px;
	}
}
@media screen and (max-width: 768px) {
	body.toranomon.project.detail #ttl_area,body.roppongi.project.detail #ttl_area {
		margin-top: 30px;
	}
	body.toranomon.project.detail #ttl_area img,body.roppongi.project.detail #ttl_area img {
		width: 80%;
	}
	body.toranomon.project.detail #projectDetail .projectDetailIn,body.roppongi.project.detail #projectDetail .projectDetailIn {
		display: block;
	}
	body.toranomon.project.detail #projectDetail,body.roppongi.project.detail #projectDetail {
		padding: 24px;
	}
	body.toranomon.project.detail #projectDetail .left,body.roppongi.project.detail #projectDetail .left {
		width: 100% !important;
	}
	body.toranomon.project.detail #projectDetail .facility,body.roppongi.project.detail #projectDetail .facility {
		width: 100% !important;
	}
	body.toranomon.project.detail #projectDetail .facility th {
		color: #183b70;
		background: none;
		width: 100%;
		display: block;
		padding: 0 0 4px 0;
		font-size: 14px;
	}
	body.roppongi.project.detail #projectDetail .facility th {
		color: #187f52;
		background: none;
		width: 100%;
		display: block;
		padding: 0 0 4px 0;
		font-size: 14px;
	}
	body.toranomon.project.detail #projectDetail .facility h3,body.roppongi.project.detail #projectDetail .facility h3 {
		border-bottom: 1px dotted #a6a8ac;
	}
	body.toranomon.project.detail #projectDetail .facility td,body.roppongi.project.detail #projectDetail .facility td {
		background: none;
		width: 100%;
		display: block;
		padding: 0;
		margin-bottom: 20px;
	}
	body.toranomon.project.detail #projectDetail .facility li,body.roppongi.project.detail #projectDetail .facility li {
		margin-bottom: 8px;
	}
	body.toranomon.project.detail section.txt,body.roppongi.project.detail section.txt,
	body.toranomon.topic.detail section.txt,
	body.toranomon.topic.detail .bgGrayIn, body.roppongi.topic.detail .bgGrayIn {
		padding: 0;
	}
	body.toranomon.project.detail section.txt h3,body.roppongi.project.detail section.txt h3,
	body.toranomon.topic.detail section.txt h3,
	body.toranomon.project.detail .venue h3,body.roppongi.project.detail .venue h3 {
		margin-top: 40px;
	}
/*
	body.toranomon.project.detail section.txt > p {
		margin-top: 20px;
	}
*/
	body.toranomon.project.detail .venue > div,body.roppongi.project.detail .venue > div {
		display: block;
		text-align: center;
	}
	body.toranomon.project.detail .venue img,body.roppongi.project.detail .venue img {
		max-width: 100%;
		width: auto;
		max-height: 300px;
		margin-bottom: 20px;
	}
	#linkArea_sub2 {
		display: block;
	}
	#linkArea_sub2 a {
		margin-bottom: 20px;
	}
	body.toranomon.project.detail #linkArea,body.roppongi.project.detail #linkArea {
		margin-bottom: 60px;
	}
	body.toranomon.topic.detail section.txt {
		margin-bottom: 0;
	}
}
body.toranomon #feature {
	position: relative;
}
body.toranomon.usecase #feature h2 {
   height: 300px;
    width: 100%;
    text-align: center;
 }
body.toranomon.usecase #feature h2 {
	font-size: 2.5vw;
	text-shadow:0px 0px 10px #033e7e;
	font-weight: bold;
    padding: 13rem 20px 0;
    color: #fff;
    font-weight: bold;
}
body.toranomon.usecase #sectionCont {
	background: url(../toranomon/img_v2/usecase_bg_main.jpg) center center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	padding-bottom: 300px;
}
body.toranomon.usecase #steps article {
	margin-bottom: -10px;
	padding: 0 70px 70px;
	display: block;
}
body.toranomon.usecase #steps .imageScene {
	background: url(../toranomon/img_v2/usecase_bg1.png) left top no-repeat,#fff;
	background-size: 177px auto;
	padding-top:50px;
}
body.toranomon.usecase #steps .imageScene .catch,
body.toranomon.usecase #steps .step .catch {
	font-family: 'Oswald', sans-serif;
	color: #004da1;
	font-size: 56px;
}
body.toranomon.usecase #steps .imageScene .catch {
	line-height: 1em;
	margin-bottom: 20px;
}
body.toranomon.usecase #steps h3 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.6;
}
body.toranomon.usecase #steps h3 br {
	display: none;
}
body.toranomon.usecase #steps .step {
	background: url(../toranomon/img_v2/usecase_bg2.png) center top no-repeat,#fff;
	background-size: 133px auto;
}
body.toranomon.usecase #steps .step .catch {
	font-family: 'Oswald', sans-serif;
	color: #004da1;
	font-size: 56px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
body.toranomon.usecase #steps .step .catch span {
	font-size: 40px;
}
body.toranomon.usecase #steps .step img {
	width: 100%;
	margin-top: 20px;
}
body.toranomon.usecase #steps .step p {
	margin-bottom: 20px;
}
body.toranomon.usecase #steps .step a {
	margin-top: 40px;
}
body.toranomon.usecase #linkArea {
	margin-top: 0;
}
body.toranomon.usecase #linkArea #bnr_usecase {
	padding-top: 0;
	margin-bottom: 100px;
}
body.toranomon.usecase #projectList {
	padding-bottom: 0;
}
body.toranomon.usecase #projectList ul {
	margin-bottom: 0;
}
body.toranomon.usecase #feature br {
	display: none;
}
body.toranomon.usecase #steps .step .subttl {
	color: #004da1;
	font-weight: bold;
	padding: 4px;
	border: 1px solid #004da1;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	vertical-align: text-top;
}
body.toranomon.usecase .step1img1 {
	background: url(../toranomon/img_v2/usecase_step1-1.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step1img2 {
	background: url(../toranomon/img_v2/usecase_step1-2.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step2img1 {
	background: url(../toranomon/img_v2/usecase_step2-1.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step2img2 {
	background: url(../toranomon/img_v2/usecase_step2-2.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step2img3 {
	background: url(../toranomon/img_v2/usecase_step2-3.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step3img1 {
	background: url(../toranomon/img_v2/usecase_step3-1.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step3img2 {
	background: url(../toranomon/img_v2/usecase_step3-2.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step3img3 {
	background: url(../toranomon/img_v2/usecase_step3-5.jpg) center top no-repeat;
	background-size: cover;
}
/*
body.toranomon.usecase .step3img0 {
	background: url(../toranomon/img_v2/usecase_step3-3.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step3img4 {
	background: url(../toranomon/img_v2/usecase_step3-4.jpg) center top no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step3img5 {
	background: url(../toranomon/img_v2/usecase_step3-5.jpg) center top no-repeat;
	background-size: cover;
}
*/
body.toranomon.usecase .stepimg_col2.step3 {
	margin-top: 0.8%;
}
body.toranomon.usecase .step4img {
	background: url(../toranomon/img_v2/usecase_step4.jpg) center top no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step5img1 {
	background: url(../toranomon/img_v2/usecase_step5-1.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step5img2 {
	background: url(../toranomon/img_v2/usecase_step5-2.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step6img1 {
	background: url(../toranomon/img_v2/usecase_step6-1.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step6img2 {
	background: url(../toranomon/img_v2/usecase_step6-2.jpg) center center no-repeat;
	background-size: cover;
}
body.toranomon.usecase .step6img3 {
	background: url(../toranomon/img_v2/usecase_step6-3.jpg) center center no-repeat;
	background-size: cover;
}
@media screen and (min-width: 481px) {
	body.toranomon.usecase .stepimg_col2,
	body.toranomon.usecase .stepimg_largecol2,
	body.toranomon.usecase .stepimg_col3 {
		display: flex;
		justify-content: space-between;
	}
	body.toranomon.usecase .stepimg_col1 {
		width: 100%;
		height: 300px;
	}
	body.toranomon.usecase .stepimg_col2 div {
		height: 300px;
		width: 49.6%;
	}
	body.toranomon.usecase .stepimg_col3 div {
		height: 300px;
		width: 32.85%;
	}
	body.toranomon.usecase .cont_1img {
		width: 67.4%;
		height: 300px;
	}
	body.toranomon.usecase .cont_2img {
		width: 32%;
	}
	body.toranomon.usecase .cont_2img > div {
		height: 147.5px;
	}
	body.toranomon.usecase .cont_2img > div:nth-of-type(1) {
		margin-bottom: 5px;
	}
	body.toranomon.usecase #steps .imageScene {
		display: flex;
		padding-right: 50px;
	}
	body.toranomon.usecase #steps .imageScene img {
		display: block;
		margin-left: 30px;
		width: 380px;
		height: auto;
		margin-top: 60px;
	}
}
@media screen and (max-width: 768px) {
	body.toranomon.usecase #steps h3 br {
		display: block;
	}
	body.toranomon.usecase #steps .imageScene img {
		display: block;
		width: 100%;
		height: auto;
		margin: 20px auto 0;
	}
	body.toranomon.usecase #steps .step .subttl {
		margin-bottom: 6px;
	}
	body.toranomon.usecase #steps .imageScene {
		display: block;
	}
	body.toranomon.usecase #steps .imageScene img {
		width: 380px;
	}
}
@media screen and (max-width: 480px) {
	body.toranomon.usecase .stepimg_col2 div,
	body.toranomon.usecase .stepimg_largecol2 .cont_1img,
	body.toranomon.usecase .stepimg_largecol2 .cont_2img div,
	body.toranomon.usecase .stepimg_col3 div,
	body.toranomon.usecase .stepimg_col1 {
		width: 100%;
		height: 160px;
		margin-bottom: 6px;
	}
	body.toranomon.usecase #feature {
	    height: 260px;
	}
	body.toranomon.usecase #feature h2 {
	    font-size: 6vw;
	    padding-top: 10rem;
	}
	body.toranomon.usecase #feature br {
		display: block;
	}
	body.toranomon.usecase #steps article {
		padding: 0 20px 30px;
	}
	body.toranomon.usecase #steps .imageScene {
		padding-top: 30px;
	}
	body.toranomon.usecase #steps .imageScene h3 {
		margin-top: 10px;
	}
	body.toranomon.usecase #steps h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	body.toranomon.usecase #steps .step a.btn {
		margin-top: 20px;
		width: 100%;
	}
	body.toranomon.usecase #feature br {
		display: block;
	}
	body.toranomon.usecase #steps .imageScene img {
		width: 100%;
	}
}
body.toranomon .local_group_link {
	display: flex;
	justify-content: space-between;
	margin: 60px auto 0;
}
body.toranomon .local_group_link.btn2 {
	max-width: 660px;
}
body.toranomon .local_group_link.btn3 {
	max-width: 940px;
	font-feature-settings: "palt";
}
body.toranomon .local_group_link.btn3 li {
	width: 32%;
}
body.toranomon .local_group_link.btn3 a.btn {
	width: 100%;
}
body.toranomon.catering .inlineC {
	font-weight: bold;
	font-size: 20px;
	font-feature-settings: "palt";
	letter-spacing: 0.06em;
	margin-bottom: 60px;
}
body.toranomon.catering .inlineC br {
	display: none;
}
body.toranomon.catering .menulist h3 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: bold;
	color: #004da1;
	font-feature-settings: "palt";
	padding: 0 10px;
	position: relative;
    height: 60px;
    width: 100%;
}
body.toranomon.catering .menulist h3 small {
	font-size: 14px;
}
body.toranomon.catering .menulist h3 > span {
	display: block;
	background: url(../toranomon/img_v2/catering_h3_bg.gif) center top repeat-x;
    height: 60px;
    width: 100%;
}
body.toranomon.catering .menulist h3 span > span {
	position: absolute;
	top: 56%;
	left: 10px;
	transform: translate(0,-50%);
	display: block;
	line-height: 1em;
}
.menulist h3 a {
	letter-spacing: -0.05em;
}
body.toranomon.catering .menulist h3 a {
	top: 56%;
	right: 10px;
	transform: translate(0,-50%);
	display: block;
	font-weight: normal;
	text-decoration: underline;
}
body.toranomon.catering .menulist .menu2 h3 a:nth-of-type(1) {
	top: 35%;
}
body.toranomon.catering .menulist .menu2 h3 a:nth-of-type(2) {
	bottom: -15%;
	top:auto;
}

body.toranomon.catering .h1 {
	width: 100%;
}
body.toranomon.catering .menulist h3 a:hover {
	text-decoration: none;
}
body.toranomon.catering .cols3center {
	max-width: 800px;
	width: 100%;
}
body.toranomon.catering .cols3center .col {
	width: 100%;
	max-width: 285px;
}
body.toranomon.catering main .contact {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 16px;
}
body.toranomon.catering main .contact h3 {
	color: #004da1;
	border-bottom: 1px solid #ccc;
	padding: 6px 0;
	font-weight: bold;
}
body.toranomon.catering main .contact .detail {
	display: flex;
	justify-content: space-around;
	padding: 10px 0;
	font-weight: bold;
}
body.toranomon.catering main .contact h4 {
	font-weight: bold;
	font-feature-settings: "palt";
	line-height: 30px;
}
body.toranomon.catering main #container .contact p {
	margin-bottom: 0;
}
body.toranomon.catering main .contact .tel a {
	font-size: 30px;
	color: #004da1;
	line-height: 1em;
}
body.toranomon.catering main .contact .mail {
	line-height: 30px;
}
body.toranomon.catering	.menunote {
	margin-bottom: 50px;
	float: none;
	font-size: 77%;
}
body.toranomon.catering .menunote a {
	color: #004da1;
	text-decoration: underline;
}
body.toranomon.catering .menunote a:hover {
	text-decoration: none;
}
body.toranomon.catering main .contact br {
	display: none;
}
body.toranomon.catering .menulist .h3d,
body.roppongi.catering .menulist .h3d {
	color: #004da1;
	font-size: 16px;
	padding: 6px 0;
	border-top: 1px solid #004da1;
	border-bottom: 1px solid #004da1;
	height: auto;
	text-align: center;
}
body.roppongi.catering .menulist .h3d {
	border-top: 1px solid #187f52;
	border-bottom: 1px solid #187f52;
	color: #187f52;
	font-weight: bold;
}
body.toranomon.guide .h1a br {
	display: none;
}
body.toranomon.guide .contentlinks {
	font-size: 13px;
	position: relative;
	margin: 20px 0;
}
body.toranomon.guide .contentlinks li {
	padding-left: 0;
	padding-right: 20px;
}
body.toranomon.guide .contentlinks img {
	position: absolute;
	top: 3px;
}
body.toranomon.guide .contentlinks a {
	padding-left: 16px;
}
body.toranomon.guide .flow_nav {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
body.toranomon.guide .flow_nav li:first-child a {
	margin-left: 0;
}
body.toranomon.guide .flow_nav li:last-child a {
	margin-right: 0;
}
body.toranomon.guide .flow_nav a {
	display: block;
	background: #c6dcf4;
	height: 56px;
	margin-right: 14px;
	margin-left: 2px;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	position: relative;
}
body.toranomon.guide .flow_nav a span {
	position: absolute;
	display: block;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
body.toranomon.guide .flow_nav .note {
	font-size: 11px;
	position: absolute;
	top: -20px;
	width: 100%;
	left: 0;
}
body.toranomon.guide .flow_nav li {
	text-align: center;
}
body.toranomon.guide .flow_nav li {
	width: 16.6%;
	position: relative;
}
body.toranomon.guide .flow_nav li a:after {
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 0 28px 14px;
    border-color: transparent transparent transparent #c6dcf4;
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 1;
}
body.toranomon.guide #container td a {
	color: #049;
	text-decoration: underline;
}
body.toranomon.guide #container td img {
	vertical-align: middle;
}
body.toranomon.guide #container td a:hover {
	text-decoration: none;
}
body.toranomon.guide #container a {
}
body.toranomon.guide .flow_nav li:last-child a:after {
	display: none;
}
body.toranomon.guide #flowCont2 .flow_nav a {
	pointer-events: none;
}
body.toranomon.guide #flowCont2 .flow_nav li {
	width: 20%;
}
body.toranomon.guide #flowCont2 .flow_nav li p {
	font-size: 13px;
	padding: 0 15px;
    border-left: 1px solid #aaa;
    margin-top: 20px;
    text-align: left;
}
body.toranomon.guide #flowCont2 .flow_nav li:last-child p {
    border-right: 1px solid #aaa;
}
body.toranomon.guide .anchor {
	padding-top: 120px;
	margin-top: -120px;
}
body.toranomon.guide .downloadlinks li {
	width: 100%;
}
@media screen and (max-width: 830px) {
	body.toranomon .local_group_link.btn3 {
		display: block;
	}
	body.toranomon .local_group_link.btn3 li {
		margin: 0 auto 10px;
	}

}
@media screen and (max-width: 768px) {
	body.toranomon.catering main .contact .detail {
		display: block;
	}
	body.toranomon.catering main #container .contact .tel {
		margin: 16px auto 10px;
	}
	body.toranomon.catering .menulist h3 a {
		font-size: 10px;
	}
}
@media screen and (max-width: 480px) {
	body.toranomon .local_group_link {
		display: block;
	}
	body.toranomon .local_group_link li {
		margin-bottom: 10px;
	}
	body.toranomon.catering .inlineC br {
		display: block;
	}
	body.toranomon.catering .cols3 .col {
		padding-bottom: 0;
	}
	body.toranomon.catering	.cols3center {
		display: block;
	}
	body.toranomon.catering .cols3center .col {
		max-width: 100%;
	}
	body.toranomon.catering .cols3center .col img {
		width: 100%;
	}
	body.toranomon.catering	.menulist {
		margin-top: 0 !important;
	}
	body.toranomon.catering	.menunote {
		width: 100%;
		padding-left:1em;
		text-indent:-1em;
		margin-bottom: 60px;
	}
	body.toranomon.catering main .contact br {
		display: block;
	}
	body.toranomon .local_group_link {
		margin: 40px auto 60px;
	}
	body.toranomon.catering .h1 {
		margin-bottom: 20px;
	}
	body.toranomon.catering .menulist h3 a {
		font-size: 11px;
	}
	body.toranomon .local_group_link.btn3 li {
		width: 82%;
	}
	body.toranomon.guide .h1a br {
		display: block;
	}
	body.toranomon.guide .flow_nav {
		display: block;
	}
	body.toranomon.guide .flow_nav li,
	body.toranomon.guide #flowCont2 .flow_nav li {
		width: 100%;
	}
	body.toranomon.guide #flowCont2 .flow_nav li a:after {
		display: none;
	}
	body.toranomon.guide #flowCont2 .flow_nav li p {
		border:none;
		padding: 0;
		margin-top: 10px;
	}
	body.toranomon.guide #flowCont2 .flow_nav li:last-child p {
		border-right: none;
	}
	body.toranomon.guide #flowCont2 .flow_nav li {
		position: relative;
		margin-bottom: 32px;
	}
	body.toranomon.guide #flowCont2 .flow_nav li:after {
		content: "";
	    width: 0;
	    height: 0;
	    position: absolute;
	    border-left: 20px solid transparent;
	    border-right: 20px solid transparent;
	    border-top: 16px solid #c6dcf4;
	    bottom: -26px;
	    left: 50%;
	    transform: translate(-50%,0);
	}
	body.toranomon.guide #flowCont2 .flow_nav li:last-child:after {
		display: none;
	}
	body.toranomon.guide .flow_nav a {
		margin-right: 0;
		margin-left: 0;
	}
	body.toranomon.guide .flow_nav a br{
		display: none;
	}
	body.toranomon.guide .flow_nav li {
		margin-bottom: 26px;
	}
	body.toranomon.guide .flow_nav li a:after {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 16px solid #c6dcf4;
  	    bottom: -50px;
	    left: 50%;
	    right: auto;
	    top:auto;
	    transform: translate(-50%,0);
	}
	body.toranomon.guide .flow_nav .noteCont {
		margin-top: 50px;
	}
	body.toranomon.guide table.tbl0 > tbody > tr > th {
		font-size: 114%;
		display: block;
		width: 100%;
		padding: 0 0 10px 20px;
		position: relative;
	}
	body.toranomon.guide.download table.tbl0 > tbody > tr > th {
		padding: 0;
		margin-top: 20px;
		margin-bottom: 6px;
	}
	body.toranomon.guide.download table.tbl0 > tbody > tr:nth-of-type(1) > th {
		margin-top: 0;
	}
	body.toranomon.guide.download table.tbl0 > tbody > tr > th img {
		vertical-align: middle;
	}
	body.toranomon.guide.download table.tbl0 > tbody > tr .subth {
		display: none;
	}
	body.toranomon.guide.flow table.tbl0 > tbody > tr > th:before {
		display: block;
		content: "■";
		color: #004da1;
		position: absolute;
		top:0;
		left: 0;
	}
	body.toranomon.guide table.tbl0 > tbody > tr > td {
		display: block;
		padding: 0;
	}

}
body.toranomon.gallery #thumbs {
	margin: 50px auto 0;
}
body.toranomon.gallery #thumbs ul li a {
	margin-right: 0;
}
body.toranomon.gallery #thumbs ul li a img {
	width: 100%;
}
@media screen and (min-width: 480px) {
	body.toranomon.gallery #thumbs ul li {
		height: auto;
		width: 18%;
		margin-bottom: 20px;
		margin-right: 2.5%;
	}
	body.toranomon.gallery #thumbs ul li:nth-child(5n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 480px) {
	body.toranomon.gallery #thumbs ul li {
		height: auto;
		width: 100%;
		margin-bottom: 10px;
	}
	body.toranomon.gallery #thumbs ul li a {
		pointer-events: none;
	}
	body.toranomon.gallery #container {
		padding-bottom: 80px;
	}
}
body.toranomon.access .accessCtnt .map {
	width: calc(100% - 300px);
}
body.toranomon.access .accessCtnt .map img {
	width: 100%;
	height: auto;
}
body.toranomon.access main .fr {
	width: calc(100% - 240px);
	margin-left: 0;
	height: auto;
}
body.toranomon.access .h1 {
	width: 100%;
}
body.toranomon.access .short.sp_scroll {
	float: right;
	width: calc(100% - 240px);
}
@media screen and (max-width: 480px) {
	body.toranomon.access .accessCtnt .map,
	body.toranomon.access .accessCtnt .left,
	body.toranomon.access .lft220,
	body.toranomon.access main .fr {
		width: 100%;
		float: none;
	}
	body.toranomon.access #container .accessCtnt .sp_scroll,
	body.toranomon.usecase #steps .step .sp_scroll {
		overflow: auto;
		padding: 0;
		-webkit-overflow-scrolling: touch
	}
	body.toranomon.access #container .accessCtnt .sp_scroll img,
	body.toranomon.usecase #steps .step .sp_scroll img {
		width: 230%;
	}
	body.toranomon.lower.access #container {
		padding-bottom: 80px;
	}
	body.toranomon.access .short.sp_scroll {
		float: none;
		width: 100%;
	}

}
body.toranomon.fee .h1 {
	width: 100%;
}
body.toranomon.fee ul.note {
	padding-left: 1em;
    text-indent: -1em;
}
body.toranomon.fee .link_pdf {
	color: #049;
	text-decoration: underline;
	line-height: 1em;
}
body.toranomon.fee .link_pdf:hover {
	text-decoration: none;
}
body.toranomon.fee .cancel_table td {
	text-align: center;
}
body.toranomon.fee .cancel_table .ttl {
	text-align: left;
}
body.toranomon.fee .cancel_table .ttl span {
	display: none;
}
.fee .feetbl tbody td {
	vertical-align: middle;
	font-size: 88%;
}
@media screen and (max-width: 480px) {
	body.toranomon.fee .venue_table .inlineC {
		display: none;
	}
	body.toranomon.fee .venue_table th,
	body.toranomon.fee .cancel_table th {
		display: block;
		width: 100%;
		border:none;
	}
	body.toranomon.fee .venue_table td,
	body.toranomon.fee .cancel_table td {
		display: block;
		width: 100%;
	}
	body.toranomon.fee .feetbl tbody a {
		padding-left: 10px;
		position: relative;
	}
	body.toranomon.fee .feetbl tbody a:before {
	    content: "";
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 4px 0 4px 6px;
	    border-color: transparent transparent transparent #049;
	    position: absolute;
	    top: 50%;
	    left: 0;
	    transform: translate(0,-50%);
	}
	body.toranomon.fee .venue_table .floorTtl td{
		display: none;
	}
	body.toranomon.fee table.tbl {
		width: 100%;
	}
	body.toranomon.fee table .null {
		display: none;
	}
	body.toranomon.fee table.tbl tr {
		margin-bottom: 30px;
		display: block;
	}
	body.toranomon.fee table.tbl tr.floorTtl {
		margin-bottom: 10px;
	}
	body.toranomon.fee table.tbl th.blue,
	body.toranomon.fee table.tbl th.pink,
	body.toranomon.fee .cancel_table .ttl {
		border:none;
		background: none;
		font-weight: bold;
		font-size: 18px;
		padding: 0 0 5px 0;
		color: #049;
	}
	body.toranomon.fee table.tbl td {
		border:none;
		padding: 6px 0 6px 0;
/* 		text-align: left; */
		position: relative;
		border-bottom: 1px solid #ccc;
	}
	body.toranomon.fee table.tbl .floorTtl th.h {
		text-align: left;
		font-size: 26px;
		font-weight: bold;
		background: none;
		margin-bottom: 10px;
	}
	body.toranomon.fee table.tbl {
		border: none;
	}
	body.toranomon.fee table.tbl td:before {
		position: absolute;
		left: 0;
		display: block;
		font-weight: bold;
	}
	body.toranomon.fee .venue_table td:nth-of-type(3),
	body.toranomon.fee .venue_table td:nth-of-type(4),
	body.toranomon.fee .venue_table td:nth-of-type(5),
	body.toranomon.fee .venue_table td:nth-of-type(7),
	body.toranomon.fee .venue_table td:nth-of-type(8),
	body.toranomon.fee .venue_table td:nth-of-type(9){
		border-bottom: none;
	}
	body.toranomon.fee .venue_table td:nth-of-type(1):before {
		content: "面積（m²）";
	}
	body.toranomon.fee .venue_table td:nth-of-type(2):before {
		content: "天井高（ｍ）";
	}
	body.toranomon.fee .venue_table td:nth-of-type(3):before {
		content: "最大収容人員";
		display: block;
		font-weight: bold;
		margin-bottom: 12px;
		position: relative;
		left: 0;
		text-align: left;
	}
	body.toranomon.fee .venue_table td:nth-of-type(3) span:before {
		content: "スクール";
		position: absolute;
		left: 20px;
		display: block;
		font-weight: bold;
	}
	body.toranomon.fee .venue_table td:nth-of-type(4):before {
		content: "シアター";
		left: 20px;
	}
	body.toranomon.fee .venue_table td:nth-of-type(5):before {
		content: "ロの字";
		left: 20px;
	}
	body.toranomon.fee .venue_table td:nth-of-type(6):before {
		content: "立食";
		left: 20px;
	}
	body.toranomon.fee .venue_table td:nth-of-type(7):before {
		content: "会場料金（円）";
		display: block;
		font-weight: bold;
		margin-bottom: 12px;
		position: relative;
		left: 0;
		text-align: left;
	}
	body.toranomon.fee .venue_table td:nth-of-type(7) span:before {
		content: "終日料金【12時間】";
		position: absolute;
		left: 20px;
		display: block;
		font-weight: bold;
	}
	body.toranomon.fee .venue_table td:nth-of-type(8):before {
		content: "ブロック料金　9時～18時【9時間】";
		left: 20px;
	}
	body.toranomon.fee .venue_table td:nth-of-type(9):before {
		content: "12時～21時【9時間】";
		left: 20px;
	    padding-left: 7em;
	}
	body.toranomon.fee .venue_table td:nth-of-type(10):before {
		content: "延長料金【1時間】";
		left: 20px;
	}
	body.toranomon.fee .venue_table td:nth-of-type(11):before {
		content: "会場設営料金（円）";
	}
	body.toranomon.fee .cancel_table .limit {
		display: none;
	}
	body.toranomon.fee .cancel_table td {
		text-align: right;
	}
	body.toranomon.fee .cancel_table .ttl span {
		display: inline-block;
	}
	body.toranomon.fee .cancel_table .ttl br {
		display: none;
	}
	body.toranomon.fee .cancel_table td:nth-of-type(2):before {
		content: "1年前から";
	}
	body.toranomon.fee .cancel_table td:nth-of-type(3):before {
		content: "6ヶ月前から";
	}
	body.toranomon.fee .cancel_table td:nth-of-type(4):before {
		content: "3ヶ月前から";
	}
	body.toranomon.fee .cancel_table td:nth-of-type(5):before {
		content: "1ヶ月前から";
	}
	body.toranomon.fee .cancel_table td:nth-of-type(6):before {
		content: "1週間前から";
	}
	body.toranomon.fee .cancel_table td:nth-of-type(7):before {
		content: "3日前から";
	}
}
.roppongi #subnavi {
	margin-top: 0;
}
.roppongi #subnavi li a {
	color: #187f52;
	text-decoration: underline;
}
.general #subnavi li a {
	text-decoration: underline;
}
.roppongi .h1 span {
    border-left: 5px solid #187f52;
}
.roppongi .h1_newwin a.newwin {
	text-decoration: underline;
	color: #030918 !important;
}
.roppongi a:hover,
.general a:hover {
	text-decoration: none !important;
}
.roppongi .h3a {
    color: #187f52;
}
body.roppongi {
    /*font-size: 13px;*/
}
.roppongi .floorUse h2 {
    color: #187f52;
}
.roppongi.fee #fee2,
.roppongi.fee #fee3,
.roppongi.catering #cafe,
.roppongi.catering #lunchbox,
.roppongi.access #access2,
.roppongi.access #access3 {
    padding-top: 130px;
    margin-top: -130px;
}
.roppongi.fee .feetbl tbody th {
    color: #187f52;
}
.roppongi.catering #container .menulist h3 a {
    color: #000;
}
body.roppongi.catering .menulist .menu2 h3 a:nth-of-type(1) {
	top: 16%;
}
body.roppongi.catering .menulist .menu2 h3 a:nth-of-type(2) {
	bottom: 5%;
	top:auto;
}
.roppongi.catering .menulist2 h3 {
    width: 940px;
}
.roppongi.catering .cols3 .col {
    padding-bottom: 0px;
}
.roppongi ul.linklist li a {
    background: url(/roppongi/images/icon_down.gif) 0 0.2em no-repeat;
}
.roppongi.access img {
	vertical-align: middle;
}
.roppongi .accessCtnt .left {
    float: left;
    width: 420px;
}
#container p.note,body.toranomon.fee ul.note {
	font-size: 82%;
}
#container .accessCtnt p {
	line-height: 1.7;
}
#container .accessCtnt .note li{
	padding-left: 1em;
	text-indent: -0.8em;
}
#container .accessCtnt a {
	color: #004da1;
	text-decoration: underline;
}
#container .accessCtnt a:hover {
	text-decoration: none;
}
.toranomon .specContentRight{
	font-size: 13px;
}
.toranomon.catering #subnavi,
.toranomon.spec #subnavi {
	margin-top: -60px;
	margin-bottom: 60px;
	width: 100%;
}
.toranomon.spec #subnavi {
    max-width: 980px;
    width: 100%;
    padding: 0 20px 0;
}
#subnavi li a {
	text-decoration: underline;
}
#subnavi li a:hover {
	text-decoration: none;
}
@media screen and (max-width: 480px) {
	.toranomon.catering #subnavi,
	.toranomon.spec #subnavi {
		margin-bottom: 30px;
	    margin-top: -50px;
	}
/*
	.toranomon.spec #subnavi {
		margin-bottom: -20px;
	}
*/
	.toranomon.catering #subnavi ul,
	.toranomon.spec #subnavi ul {
		display: flex;
		justify-content: space-around;
	}
	.toranomon.catering #subnavi li,
	.toranomon.spec #subnavi li {
	    width: 33.3%;
        padding: 3px 0 2px;
	}
	.toranomon.spec #subnavi li {
		width: 50%;
	}
	.toranomon.catering #subnavi li:last-child,
	.toranomon.spec #subnavi li:last-child {
	    border-right: none;
	}
}
.catering #cafe p,
.catering.cafe .col p {
	margin-top: 6px;
	line-height: 1.3;
}
.catering .link_cafemenu a img {
	vertical-align: middle;
}
.toranomon.catering .link_cafemenu a {
	text-decoration: underline;
	color: #004da1;
}
.toranomon.catering .link_cafemenu a:hover {
	text-decoration: none;
}
.toranomon.catering .colddrink {
	margin-top: 10px;
}
@media screen and (min-width: 768px) {
	.toranomon.catering .colddrink {
		margin-top: 60px;
	}
}
.cs_highlight{
    color:#004da1;
    font-weight:bold;
    border-bottom:3px solid #ffff00;
}
body.roppongi.project.detail .cs_highlight{
    color:#187f52;
    font-weight:bold;
    border-bottom:3px solid #ffff00;
}


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

	roppongi

=======================================*/
body.roppongi, html {
    min-width: auto;
}
body.roppongi.index #feature {
    height: 660px;
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}
body.roppongi.index #feature div.cover {
    background: url(../img_v2/movie_cover.png);
    background-size: 12px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: auto;
    min-width: 100%;
    height: 660px;
    /* min-height: calc(100% - 450px); */
}
body.roppongi.index #feature video {
    position: fixed;
    z-index: -2;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 126px;
    min-height: calc(100% - 450px);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
body.roppongi.index #feature .txt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight: bold;
    margin-top: -2.9vw;
    width: 90%;
}
body.roppongi.index #feature .main {
    font-size: 60px;
    font-size: 4vw;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 4px;
    text-shadow: 0px 0px 10px #16100d;
}
body.roppongi.index #feature .second {
    font-size: 28px;
    font-size: 1.8vw;
    font-weight: bold;
    text-shadow: 0px 0px 10px #16100d;
}
body.roppongi.index .info_sec_inner>ul>li>a:hover{
    color:#188053;
}
body.roppongi.index #projectList {
    background: #fff;
    padding-top: 50px;
}
body.roppongi .bgLine {
    text-align: center;
}
body.roppongi .bgLine strong {
    font-size: 24px;
    padding: 0 0 11px;
    border-bottom: 2px solid #188053;
}
body.roppongi .bgLine small {
    color: #188053;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    display: block;
    margin-top: 12px;
    letter-spacing: 0.02em;
}
body.roppongi .btn.blue{
    background: #188053;
    border: 2px solid #188053;
}
body.roppongi .btn.back.blue {
    background: rgba(255,255,255,.3);
    border: solid 2px #188053;
    color: #188053;
}
body.roppongi .btn.blue:hover {
    background: #fff;
    color: #188053;
}
body.roppongi .btn.back.blue:hover {
    background: #188053;
    color: #fff;
}
body.roppongi .btn.back.blue:after {
    left: 16px;
    right: auto;
    border-top: 2px solid #188053;
    border-right: 2px solid #188053;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
body.roppongi .btn.back.blue:hover:after{
	border-color:#fff;
}
body.roppongi.lower #container {
    max-width: 980px;
    width: 100%;
    padding: 0 20px 80px;
}
body.roppongi.lower #container h1{
    width:100%;
}
body.roppongi .lead1 h2 {
    width: 100%;
    max-width: 695px;
}
body.roppongi .cols2 .col {
    width: 47%;
}
body.roppongi img.w100p{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
body.roppongi .cols3 {
    margin-right: 0;
}
body.roppongi .cols3 .col {
    width: 31%;
    margin-right: 3.5%;
}
body.roppongi .cols3 .col:nth-of-type(3) {
    margin-right: 0;
}
body.roppongi .cols3 .col .colinner {
    padding-right: 0;
}
body.roppongi.catering .cols3center {
    max-width: 800px;
    width: 100%;
}
body.roppongi.catering .cols3center .col {
    width: 100%;
    max-width: 285px;
}
.roppongi_top_slide_wrap{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0;
	top:0;
	left:0;
	z-index:-2;
}
.roppongi_top_slide_inner{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0;
}
.roppongi_top_slide{
	height: 100%;
	min-height:670px;
}
.roppongi_top_slide>div{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:cover;
	background-position:center;
}
.slide-animation{
    animation:larger 8s linear 0s forwards;

}
.roppongi_top_slide_inner .slick-arrow{
	display: none !important;
}

@keyframes larger{
    0%{transform:scale(1);}
    100%{transform:scale(1.1);}
}

@media screen and (max-width: 480px){
    body.roppongi.index #feature {
        height: 375px;
    }
    body.roppongi.index #feature div.cover {
        height: 375px;
        /* top: 64px; */
        min-height: auto;
    }
    body.roppongi.index #feature video {
        height: 562px;
        margin-top: -40%;
        min-height: auto;
    }
    body.roppongi.index #feature .txt {
        margin-top: -6vw;
        width: 96%;
    }
    body.roppongi.index #feature .main {
        font-size: 8vw;
    }
    body.roppongi.index #feature .second {
    font-size: 4vw;
    }
    body.roppongi .cols2 {
        display: block;
    }
    body.roppongi.lower #container {
        padding-bottom: 40px;
    }
	.roppongi_top_slide{
		min-height:380px;
	}
}

/*
施設の特徴
*/
body.roppongi #feature {
    position: relative;
}
body.roppongi.lower #feature {
    height: 300px;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    color: #fff;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    position: relative;
}
body.roppongi.lower.half #feature{
	height:200px;
}
body.roppongi.outline #feature {
    background: url(../roppongi/img_v2/top_slide4.jpg) center 75%;
    background-size: cover;
}
body.roppongi.lower #feature .main {
    font-size: 2.5vw;
    text-shadow: 0px 0px 10px #131138;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: bold;
}
.roppongi.outline #subnavi{
    margin-top: -60px;
    margin-bottom: 60px;
    width: 100%;
}
.roppongi.outline #subnavi {
    max-width: 980px;
    width: 100%;
    padding: 0 20px 0;
}
.roppongi_outline_col2_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.roppongi_outline_col2{
    display: block;
    position: relative;
    width:calc(50% - 15px);
    height: auto;
    margin: 0;
    padding: 0;
}
.roppongi_outline_col2>img{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding: 0;
}
.roppongi_outline_col2>p{
    font-weight:bold;
}
body.roppongi.outline.concept .cols2 .col{
    width: 31%;
}
body.roppongi.outline.concept .cols2>img{
    width: 65%;
}
.local_nav_wrap{
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
	margin: 50px auto 0;
	padding: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

}
.local_nav_wrap> a.btn.blue{
	margin:10px;
}
.roppongi #container a, .roppongi #container .local_nav_wrap> a.btn{
	color:#fff;
	text-decoration:none;
}
.roppongi #container a, .roppongi #container .local_nav_wrap> a.btn:hover{
	color:#187f52;
}
.roppongi #container a, .roppongi #container .local_nav_wrap> a.btn.current{
	color:#187f52;

}

body.roppongi .btn.blue.current{
	background:#fff;
	pointer-events: none;
}
body.roppongi .btn.blue.current:after{
	border-top: 2px solid #187f52;
    border-right: 2px solid #187f52;
}
body.roppongi .btn.blue:hover:after {
    border-top: 2px solid #187f52;
    border-right: 2px solid #187f52;
}
body.roppongi .bgLine.outline{
	margin-bottom:20px;
}
.outline_txt{
	text-align:center;
	max-width:800px;
	margin: 0 auto;
}
.roppongi_outline_col2_wrap.outline{
	margin-bottom:50px;
}
@media screen and (max-width: 980px){
    .roppongi.outline .floorUse img.right{
        width:calc(100% - 250px);
    }
}
@media screen and (max-width: 680px){
	br.nosp{
		display: none;
	}
    .roppongi.outline .floorUse .left{
        width: 100%;
        margin: 0 auto 40px;
        max-width:600px;
        float:none;
    }
    .roppongi.outline .floorUse .left>img{
        margin-left:auto;
        margin-right:auto;
    }
    .roppongi.outline .floorUse .left>p{
        width: 100%;
    }
    .roppongi.outline .floorUse img.right{
        width: 100%;
    }
}
@media screen and (max-width: 480px){
    body.roppongi.lower #feature {
        height: 260px;
        margin-bottom: 50px;
    }
    body.roppongi.lower #feature .main {
        font-size: 5.5vw;
    }
    .roppongi.outline #subnavi{
        padding-right:0;
        overflow-x: auto;
        margin-bottom: 30px;
        margin-top: -50px;
    }
    .roppongi.outline #subnavi ul{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 469px;
    }
    .roppongi.outline #subnavi ul li:last-child{
        border-right:none;
    }
    .roppongi_outline_col2{
        width: 100%;
    }
    .roppongi.outline .cols3 .col{
        width: 100%;
    }
    .roppongi.outline .cols3{
        width: 100%;
        display: block;
    }
    .roppongi.outline .cols3 .col .colinner{
        padding-right: 0;
        margin-bottom:40px;
    }
    .roppongi.outline .cols3 .col .colinner .h110{
        height: auto !important;
    }
    .roppongi.outline .cols3 .col .colinner a{
        display: block;
        width: 100%;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    .roppongi.outline .cols3>img,.roppongi.outline .cols3 .col .colinner>img{
        display: block;
        width: 100%;
        height: auto;
    }
    .roppongi.outline .floorUse h2{
        font-size:24px;
    }
    .roppongi.outline .floorUse h2>span{
        display: block;
    }
    body.roppongi.outline.concept .cols2{
        width: 100%;
    }
    body.roppongi.outline.concept .cols2>.col{
        margin-bottom:20px;
    }
    body.roppongi.outline.concept .cols2 .colinner{
        padding-right:0;
    }
    body.roppongi.outline.concept .cols2 .col,body.roppongi.outline.concept .cols2>img{
        width: 100%;
    }
	.local_nav_wrap{
		display: block;
	}
	.local_nav_wrap> a.btn.blue{
		margin: 10px auto;
		width: 100%;
	}
}

/*
フロア構成
*/
body.roppongi.spec #feature {
    background: url(../roppongi/img_v2/top_slide2.jpg) center 55%;
    background-size: cover;
}
body.roppongi.spec #subnavi{
    margin-top: -60px;
    margin-bottom: 60px;
    width: 100%;
}
body.roppongi.spec #subnavi {
    max-width: 980px;
    width: 100%;
    padding: 0 20px 0;
}
body.roppongi.spec .link_list {
    margin: -50px auto 50px;
    max-width: 980px;
    width: 100%;
    padding: 0 20px 0;
}
body.roppongi.spec .link_list ul {
    float: right;
}
body.roppongi.spec .link_list li {
    display: inline-block;
    margin-right: 10px;
}
body.roppongi.spec .link_list li a {
    opacity: 1;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding-left: 10px;
    display: block;
    font-size: 13px;
    transition: color .2s;
}
body.roppongi.spec .link_list li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border-width: 3.5px 0 3.5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #004da1;
}
body.roppongi.spec #container_sp {
    display: none;
}
body.roppongi.spec .specContentLeft h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
    font-feature-settings: "palt";
    position: relative;
}
body.roppongi.specdetail .imgs .mainv {
    padding-bottom: 0;
}
body.roppongi.specdetail .imgs .mainv img {
    width: 100%;
}
body.roppongi.specdetail .imgs .thumbs {
    margin-right: 0;
    width: 100%;
}
body.roppongi.specdetail .imgs .thumbs li {
    width: 24.4%;
    padding-right: 0.8%;
    float: left;
}
body.roppongi.specdetail .imgs .thumbs li a img {
    width: 100%;
    height: auto;
}
.roppongi.spec .specContentRight {
    font-size: 13px;
}
body.roppongi.specdetail .specContentDetail > div {
    margin-right: 0 !important;
}
body.roppongi .specContentDetail a {
    color: #187f52;
    text-decoration: underline;
}
body.roppongi.specdetail #container p {
    margin-bottom: 0;
}
body.roppongi .specContentLeft h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
    font-feature-settings: "palt";
    position: relative;
}
body.roppongi .specContentLeft h2 span {
    position: absolute;
    right: 0;
    top:0;
    font-size: 22px;
}
body.spec #floorTab ul li a strong, body.spec .floorNum .floor5f, body.roppongi.spec .floorNum .floor4f, body.roppongi .specContentLeft h2 span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Century Gothic",Helvetica,Arial, "Droid Sans", sans-serif;
}
body.roppongi.specdetail .herocut{
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    margin: 20px auto 0;
    padding: 0;
    padding-top:60%;
    background-size:cover;
    background-position:center;
}
body.spec .floorTab ul li a {
	text-decoration:none !important;
}
body.spec .floorTab ul li a .specttl{
	display: flex;
	position: relative;
	width: 135px;
	height: 36px;
	margin: 5px auto 0;
	padding: 5px 10px;
	border-left:2px solid #888;
	text-decoration:none !important;
	box-sizing: border-box;
	-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
body.spec #floorTab.floorTab.top ul li a .specttl{
	width:135px;
}
body.spec #container .floorTab ul li a .specttl>p{
	color:#888;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0;
	line-height:1.3;
}
body.spec #container #floorTab.floorTab.top ul li a .specttl>p{

	font-size:12px;

}
body.spec #container .floorTab ul li a:hover .specttl{
	border-left:2px solid #dc0;
}
body.spec #container .floorTab ul li a:hover .specttl>p{
	color:#000;
}

body.spec #floorTab ul li a {
	text-decoration:none !important;
}
body.spec #floorTab ul li a .specttl{
	display: flex;
	position: relative;
	width: auto;
	height: 36px;
	margin: 5px auto 0;
	padding: 5px 10px;
	border-left:2px solid #888;
	text-decoration:none !important;
	box-sizing: border-box;
	-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
body.spec #container #floorTab ul li a .specttl>p{
	color:#888;
	font-size:10px;
	font-weight:bold;
	margin-bottom:0;
	line-height:1.3;
}
body.spec #container #floorTab ul li a:hover .specttl{
	border-left:2px solid #dc0;
}
body.spec #container #floorTab ul li a:hover .specttl>p{
	color:#000;
}
body.spec #container #floorTab ul li a.current .specttl{
	border-left:2px solid #dc0;
}
body.spec #container #floorTab ul li a.current .specttl>p{
	color:#000;
}
#floorTab{
	background:none;
}
@media screen and (max-width: 980px){
    body.roppongi.specindex #container.pc {
        display: none;
    }
    body.roppongi.spec #container_sp {
        display: block;
        max-width: 940px;
        width: 100%;
        padding: 0 20px 80px;
        margin: 0 auto;
    }
    body.roppongi.spec #container_sp li {
        width: 31%;
        margin-right: 2%;
        margin-bottom: 2%;
        float: left;
        box-shadow: 5px 5px 10px rgb(10 9 8 / 20%);
        transition: all .5s;
        padding: 20px;
    }
    body.roppongi.spec #container_sp h4 {
        border-bottom: 1px solid #aaa;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 16px;
        padding-bottom: 6px;
    }
    body.roppongi.spec #container_sp .floorImg {
        width: 100%;
        margin-top: 16px;
        margin-bottom: 20px;
    }
    body.roppongi.spec #container_sp li .btn {
        width: 80%;
        height: 40px;
        padding-top: 9px;
        font-size: 13px;
        cursor: pointer;
    }
    body.roppongi.spec #container_sp .thum {
        float: right;
        width: 53%;
    }
    body.roppongi.spec #container_sp .txt {
        float: left;
        width: 45%;
    }
    body.roppongi.spec #container_sp table.tbl3 caption {
        border-top: none;
        padding-top: 0;
        padding-bottom: 2px;
    }
    body.roppongi.spec #container_sp li table.tbl3 tr {
        border-bottom: none;
    }
    body.roppongi.spec #container_sp table.tbl3 td {
        padding: 0 0 2px 0;
    }
    body.roppongi.spec h1.h1{
        width:calc(100% - 40px);
        margin: 0 auto 30px;
    }
    body.roppongi.spec .specContentLeft, body.roppongi.spec .specContentRight {
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }
    body.roppongi.spec .specContent .imgs {
        max-width: 440px;
        margin: 0 auto 20px;
    }
    body.roppongi.spec #container_sp h2 {
        font-weight: bold;
        font-size: 22px;
        text-align: center;
        margin-bottom:30px;
    }
}
@media screen and (min-width: 480px){
    body.roppongi.spec #floorTab ul {
        width: 100%;
        display: flex;
    }
    body.roppongi.specdetail .lead {
        margin-top: 0;
    }
}
@media screen and (max-width: 480px){
    body.roppongi.spec #subnavi{


        margin-bottom: 30px;
        margin-top: -50px;
    }
    body.roppongi.spec #container_sp li {
        width: 100%;
        margin-right: 0;
        float: none;
        box-shadow: none;
        padding: 0;
    }
    body.roppongi.spec #container_sp h4 {
        border-bottom: none;
        background: #187f52;
        border-radius: 8px;
        color: #fff;
        position: relative;
        padding: 12px;
        margin-bottom: 10px;
        font-size: 16px;
    }
    body.roppongi.spec #container_sp .sp_frame {
        padding: 20px 20px 30px;
        border: 1px solid #dbdbdb;
        margin-bottom: 30px;
        display: none;
    }
    body.roppongi.spec #container_sp .thum {
        float: right;
        width: 53%;
    }
    body.roppongi.spec #container_sp .txt {
        float: left;
        width: 45%;
    }
    body.roppongi.spec #container_sp h4:before {
        position: absolute;
        background: #fff;
        display: block;
        width: 2px;
        height: 16px;
        right: 23px;
        top: 50%;
        transform: translate(0,-50%);
        content: " ";
        transition: height .2s;
    }
    body.roppongi.spec #container_sp h4:after {
        width: 16px;
        height: 2px;
        position: absolute;
        display: block;
        background: #fff;
        right: 16px;
        top: 50%;
        transform: translate(0,-50%);
        content: " ";
    }
    body.roppongi.spec .link_list li:last-child {
        display: none;
    }
    body.roppongi.spec .link_list li {
        margin-right: 0;
    }
    body.roppongi.spec .link_list ul {
        float: none;
        text-align: right;
    }
    body.roppongi.spec .link_list {
        margin: -20px 0;
    }
    body.roppongi.spec #container_sp{
        margin-top:30px;
    }
    body.roppongi.spec h1.h1{
        margin-top:50px;
    }
    body.roppongi.specdetail #floorTab, body.roppongi.specdetail .floorNum {
        display: none;
    }
    body.roppongi.specdetail .specContent {
        padding: 0;
    }
    body.roppongi.specdetail .imgs .thumbs li a {
        overflow: hidden;
        text-align: center;
    }
    body.roppongi.specdetail .specContentDetail .fr {
        float: none;
        margin: 0 auto 40px !important;
    }
    body.roppongi .specContentMap.specContentData {
        padding-left: 0;
    }
    body.roppongi.specdetail .specContentMap img {
        margin: 0 auto 10px;
    }
    body.roppongi .specContentDetail a {
        text-align: center;
    }
    body.roppongi .specContentDetail a {
        text-align: center;
    }
    .roppongi.spec #subnavi ul {
        display: flex;
        justify-content: space-around;
    }
    .roppongi.spec #subnavi li {
        width: 50%;
    }
    .roppongi.spec #subnavi li:last-child {
        border-right: none;
    }
    body.roppongi.specdetail .herocut{
        margin-bottom: 20px;
    }
}



/*
料金
*/
body.roppongi.fee #feature {
    background: url(../roppongi/img_v2/top_slide5.jpg) center 70%;
    background-size: cover;
}
.roppongi.fee #subnavi{
    margin-top: -60px;
    margin-bottom: 60px;
    width: 100%;
}
.roppongi.fee #subnavi {
    max-width: 980px;
    width: 100%;
    padding: 0 20px 0;
}
.fee .feetbl tbody td {
    vertical-align: middle;
    font-size: 88%;
}
body.roppongi.fee .cancel_table .ttl {
    text-align: left;
}
body.roppongi.fee .cancel_table td {
    text-align: center;
}
@media screen and (max-width: 480px){
    .roppongi.fee #subnavi{
        padding-right:0;
        overflow-x: auto;
        margin-bottom: 30px;
        margin-top: -50px;
    }
    .roppongi.fee #subnavi ul{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 525px;
    }
    .roppongi.fee #subnavi ul li:last-child{
        border-right:none;
    }
    body.roppongi.fee table.tbl {
        border: none;
        width: 100%;
    }
    body.roppongi.fee .venue_table .inlineC {
        display: none;
    }
    body.roppongi.fee table.tbl tr {
        margin-bottom: 30px;
        display: block;
    }
    body.roppongi.fee table.tbl tr.floorTtl {
        margin-bottom: 10px;
    }
    body.roppongi.fee .venue_table th, body.roppongi.fee .cancel_table th {
        display: block;
        width: 100%;
        border: none;
    }
    body.roppongi.fee table.tbl th.green, body.roppongi.fee table.tbl th.pink, body.roppongi.fee .cancel_table .ttl {
        border: none;
        background: none;
        font-weight: bold;
        font-size: 18px;
        padding: 0 0 5px 0;
        color: #187f52;
    }
    body.roppongi.fee .feetbl tbody a {
        padding-left: 10px;
        position: relative;
    }
    body.roppongi.fee .feetbl tbody a:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        border-color: transparent transparent transparent #187f52;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
    }
    body.roppongi.fee .venue_table td, body.roppongi.fee .cancel_table td {
        display: block;
        width: 100%;
    }
    body.roppongi.fee table.tbl td {
        border: none;
        padding: 6px 0 6px 0;
        /* text-align: left; */
        position: relative;
        border-bottom: 1px solid #ccc;
    }
    body.roppongi.fee table.tbl td:before {
        position: absolute;
        left: 0;
        display: block;
        font-weight: bold;
    }
    body.roppongi.fee .venue_table td:nth-of-type(1):before {
        content: "面積（m²）";
    }
    body.roppongi.fee .venue_table td:nth-of-type(2):before {
        content: "天井高（ｍ）";
    }
    body.roppongi.fee .venue_table td:nth-of-type(3), body.roppongi.fee .venue_table td:nth-of-type(4), body.roppongi.fee .venue_table td:nth-of-type(5), body.roppongi.fee .venue_table td:nth-of-type(7), body.roppongi.fee .venue_table td:nth-of-type(8), body.roppongi.fee .venue_table td:nth-of-type(9) ,body.roppongi.fee .venue_table td:nth-of-type(10),body.roppongi.fee .venue_table td:nth-of-type(11),body.roppongi.fee .venue_table td:nth-of-type(12)   {
        border-bottom: none;
    }
    body.roppongi.fee .venue_table td:nth-of-type(3):before {
        content: "最大収容人員";
        display: block;
        font-weight: bold;
        margin-bottom: 12px;
        position: relative;
        left: 0;
        text-align: left;
    }
    body.roppongi.fee .venue_table td:nth-of-type(3) span:before {
        content: "スクール";
        position: absolute;
        left: 20px;
        display: block;
        font-weight: bold;
    }
    body.roppongi.fee .venue_table td:nth-of-type(4):before {
        content: "シアター";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(5):before {
        content: "ロの字";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(6):before {
        content: "立食";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(7):before {
        content: "会場料金（円）";
        display: block;
        font-weight: bold;
        margin-bottom: 12px;
        position: relative;
        left: 0;
        text-align: left;
    }
    body.roppongi.fee .venue_table td:nth-of-type(7) span:before {
        content: "終日料金【12時間】";
        position: absolute;
        left: 20px;
        display: block;
        font-weight: bold;
    }
    body.roppongi.fee .venue_table td:nth-of-type(8):before {
        content: "9時～17時【8時間】";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(9):before {
        content: "13時～21時【8時間】";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(10):before {
        content: "13時～17時【4時間】";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(11):before {
        content: "9時～12時【3時間】";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(12):before {
        content: "18時～21時【3時間】";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(13):before {
        content: "【1時間】";
        left: 20px;
    }
    body.roppongi.fee .venue_table td:nth-of-type(14):before {
        content: "会場設営料金";
        left: 20px;
    }
    body.roppongi.fee .cancel_table .limit {
        display: none;
    }
    body.roppongi.fee .cancel_table td {
        text-align: right;
    }
    body.roppongi.fee .cancel_table td:nth-of-type(2):before {
        content: "1年前から";
    }
    body.roppongi.fee .cancel_table td:nth-of-type(3):before {
        content: "6ヶ月前から";
    }
    body.roppongi.fee .cancel_table td:nth-of-type(4):before {
        content: "3ヶ月前から";
    }
    body.roppongi.fee .cancel_table td:nth-of-type(5):before {
        content: "1ヶ月前から";
    }
    body.roppongi.fee .cancel_table td:nth-of-type(6):before {
        content: "1週間前から";
    }
    body.roppongi.fee .cancel_table td:nth-of-type(6):before {
        content: "３日前から";
    }
}
/*
ケータリング
*/
body.roppongi.catering #feature {
    background: url(../roppongi/img_v2/catering_head.jpg) center 85%;
    background-size: cover;
}
.roppongi.catering #subnavi{
    margin-top: -60px;
    margin-bottom: 60px;
    width: 100%;
}
.roppongi.catering #subnavi {
    max-width: 980px;
    width: 100%;
    padding: 0 20px 0;
}
body.roppongi.catering .menulist h3 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: bold;
    color: #187f52;
    font-feature-settings: "palt";
    padding: 0 10px;
    position: relative;
    height: 60px;
    width: 100%;
}
body.roppongi.catering .menulist h3 > span {
    display: block;
    background: url(../roppongi/img_v2/catering_h3_bg.gif) center top repeat-x;
    height: 60px;
    width: 100%;
}
body.roppongi.catering .menulist h3 span > span {
    position: absolute;
    top: 56%;
    left: 10px;
    transform: translate(0,-50%);
    display: block;
    line-height: 1em;
}
body.roppongi.catering main .contact {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 16px;
}
body.roppongi.catering main .contact h3 {
    color: #187f52;
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    font-weight: bold;
}
body.roppongi.catering main .contact .detail {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    font-weight: bold;
}
body.roppongi.catering main .contact h4 {
    font-weight: bold;
    font-feature-settings: "palt";
    line-height: 30px;
}
body.roppongi.catering main #container .contact p {
    margin-bottom: 0;
}
body.roppongi.catering main .contact .tel a {
    font-size: 30px;
    color: #187f52;
    line-height: 1em;
}
body.roppongi.catering main .contact .mail {
    line-height: 30px;
}
body.roppongi.catering main .contact br {
    display: none;
}
body.roppongi.catering .menunote {
    margin-bottom: 50px;
    float: none;
    font-size: 77%;
}
.ropping_catering_2col_wrap{
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
	padding: 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.ropping_catering_2col{
	display: block;
	position: relative;
	width:calc(50% - 15px);
	height: auto;
	margin: 0;
	padding: 0;
	line-height:2;
}
.catering #cafe .ropping_catering_2col>p{
	line-height:2;
}
.ropping_catering_2col>img{
	width: 100%;
	height: auto;
}
.ropping_catering_comment_wrap{
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
	padding: 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	line-height:2;
}
.ropping_catering_comment_left{
	display: block;
	position: relative;
	width:calc(35% - 10px);
	height: auto;
	margin: 0;
	padding: 0;
}
.ropping_catering_comment_left>img{
	width: 100%;
	height: auto;
	margin-bottom:10px;
}
.ropping_catering_comment_right{
	display: block;
	position: relative;
	width:calc(65% - 10px);
	height: auto;
	margin: 0;
	padding: 15px;
	background:#EFF7F3;
}
.catering #cafe .ropping_catering_comment_right>p{
	line-height:2;
}
.ropping_catering_comment_ttl{
	text-align:center;
	margin-bottom:20px;
	font-weight:bold;
	font-size:18px;
}
@media screen and (max-width: 768px){
    body.roppongi.catering main .contact .detail {
        display: block;
    }
    body.roppongi.catering main #container .contact .tel {
        margin: 16px auto 10px;
    }
}
@media screen and (max-width: 480px){
    .roppongi.catering #subnavi{
        padding-right:0;
        overflow-x: auto;
        margin-bottom: 30px;
        margin-top: -50px;
    }
    .roppongi.catering #subnavi ul{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 385px;
    }
    .roppongi.catering #subnavi ul li:last-child{
        border-right:none;
    }
    body.roppongi.catering .menulist {
        margin-top: 0 !important;
    }
    body.roppongi .cols3 .col {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 60px;
    }
    body.roppongi.catering .cols3 .col {
        padding-bottom: 0;
    }
    body.roppongi.catering .menunote {
        width: 100%;
        padding-left: 1em;
        text-indent: -1em;
        margin-bottom: 60px;
    }
    body.roppongi.catering .cols3center {
        display: block;
    }
    body.roppongi.catering .menulist {
        margin-top: 0 !important;
    }
    body.roppongi.catering .cols3center .col {
        max-width: 100%;
    }
    body.roppongi.catering main .contact br {
        display: block;
    }
    body.roppongi.catering .cols3center .col img {
        width: 100%;
    }
	.ropping_catering_2col_wrap,.ropping_catering_comment_wrap{
		display: block;
	}
	.ropping_catering_2col{
		width: 100%;
		margin:0 auto 20px;
	}
	.ropping_catering_comment_right,.ropping_catering_comment_left{
		width: 100%;
		margin:0 auto 20px;
	}
}
/*
ギャラリー
*/
body.roppongi.gallery #feature {
    background: url(../roppongi/img_v2/top_slide1.jpg) center 70%;
    background-size: cover;
}
body.roppongi.gallery #thumbs {
    margin: 50px auto 0;
}
.gallery_wrap{
	display: flex;
	-ms-flex-wrap: wrap;
      flex-wrap: wrap;
	  -webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
}
@media screen and (min-width: 480px){
    body.roppongi.gallery #thumbs ul li {
        height: auto;
        width: 18%;
        margin-bottom: 20px;
        margin-right: 2.5%;
    }
    body.roppongi.gallery #thumbs ul li:nth-child(5n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 480px){
    body.roppongi.gallery #thumbs ul li {
        height: auto;
        width: 100%;
        margin-bottom: 10px;
    }
    body.roppongi.gallery #thumbs ul li a {
        pointer-events: none;
    }
    body.roppongi.gallery #thumbs ul li a img {
        width: 100%;
    }
    body.roppongi.gallery #container {
        padding-bottom: 80px;
    }
}
/*
アクセス
*/
body.roppongi.access #feature {
    background: url(../roppongi/img_v2/access_head.jpg) center 60%;
    background-size: cover;
}
.roppongi.access #subnavi{
    margin-top: -60px;
    margin-bottom: 60px;
    width: 100%;
}
.roppongi.access #subnavi {
    max-width: 980px;
    width: 100%;
    padding: 0 20px 0;
}
.roppongi.access img.rosenzu{
    display: block;
    width:100%;
    height: auto;
    position: relative;
    margin-left:auto !important;
    margin-right:auto;
    max-width:700px;
}
.roppongi.access img.accessmap1{
    display: block;
    width:100%;
    height: auto;
    position: relative;
    margin-left:auto !important;
    margin-right:auto;
    max-width:640px;
}
.roppongi.access img.accessmap2{
    display: block;
    width:100%;
    height: auto;
    position: relative;
    margin-left:auto !important;
    margin-right:auto;
    max-width:729px;
}
.roppongi.access img.shuhen{
    display: block;
    width:100%;
    height: auto;
    position: relative;
    margin-left:auto !important;
    margin-right:auto;
    max-width:700px;
}
.roppongi.access .accessCtnt.col2{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.roppongi.access .accessCtnt.col2 .left,.roppongi.access .accessCtnt.col2 .right{
    width:calc(50% - 20px);
}
@media screen and (max-width: 480px){
    .roppongi.access #subnavi{
        padding-right:0;
        overflow-x: auto;
        margin-bottom: 30px;
        margin-top: -50px;
    }
    .roppongi.access #subnavi ul{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 680px;
    }
    .roppongi.access #subnavi ul li:last-child{
        border-right:none;
    }
    .roppongi.access .accessCtnt.col2 .left,.roppongi.access .accessCtnt.col2 .right{
        width: 100%;
    }
}
/*
ガイド
*/
body.roppongi.guide #feature {
    background: url(../roppongi/img_v2/top_slide6.jpg) center 35%;
    background-size: cover;
}
.roppongi.guide #subnavi{
    margin-top: -60px;
    margin-bottom: 60px;
    width: 100%;
}
.roppongi.guide #subnavi {
    max-width: 980px;
    width: 100%;
    padding: 0 20px 0;
}
body.roppongi.guide .h1a br {
    display: none;
}
body.roppongi.guide .flow_nav {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
}
body.roppongi.guide .flow_nav li {
    text-align: center;
    width: 16.6%;
    position: relative;
}
body.roppongi.guide .flow_nav a {
    display: block;
    background: #DDEBE5;
    height: 56px;
    margin-right: 14px;
    margin-left: 2px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    position: relative;
}
body.roppongi.guide .flow_nav li:first-child a {
    margin-left: 0;
}
body.roppongi.guide .flow_nav a span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
body.roppongi.guide .flow_nav li a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 0 28px 14px;
    border-color: transparent transparent transparent #DDEBE5;
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 1;
}
body.roppongi.guide .flow_nav li:last-child a {
    margin-right: 0;
}
body.roppongi.guide .flow_nav .note {
    font-size: 11px;
    position: absolute;
    top: -20px;
    width: 100%;
    left: 0;
}
body.roppongi.guide .flow_nav li:last-child a:after{
    display: none;
}
body.roppongi.guide #flowCont2 .flow_nav li {
    width: 20%;
}
body.roppongi.guide #flowCont2 .flow_nav li p {
    font-size: 13px;
    padding: 0 15px;
    border-left: 1px solid #aaa;
    margin-top: 20px;
    text-align: left;
}
body.roppongi.guide #flowCont2 .flow_nav li:last-child p {
    border-right: 1px solid #aaa;
}
body.roppongi.guide #flowCont2 .flow_nav a {
    pointer-events: none;
}
body.roppongi.guide .downloadlinks li {
    width: 100%;
}
@media screen and (max-width: 480px){
    .roppongi.guide #subnavi{
        padding-right:0;
        overflow-x: auto;
        margin-bottom: 30px;
        margin-top: -50px;
    }
    .roppongi.guide #subnavi ul{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 885px;
    }
    .roppongi.guide #subnavi ul li:last-child{
        border-right:none;
    }
    body.roppongi.guide .h1a br {
        display: inline;
    }
    body.roppongi.guide .flow_nav li, body.roppongi.guide #flowCont2 .flow_nav li {
        width: 100%;
    }
    body.roppongi.guide .flow_nav {
        display: block;
    }
    body.roppongi.guide .flow_nav li {
        margin-bottom: 26px;
    }
    body.roppongi.guide .flow_nav li a:after {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 16px solid #DDEBE5;
        bottom: -50px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translate(-50%,0);
    }
    body.roppongi.guide .flow_nav .noteCont {
        margin-top: 50px;
    }
    body.roppongi.guide .flow_nav a {
        margin-right: 0;
        margin-left: 0;
    }
    body.roppongi.guide table.tbl0 > tbody > tr > th {
        font-size: 114%;
        display: block;
        width: 100%;
        padding: 0 0 10px 20px;
        position: relative;
    }
    body.roppongi.guide table.tbl0 > tbody > tr > td {
        display: block;
        padding: 0;
    }
    body.roppongi.guide.flow table.tbl0 > tbody > tr > th:before {
        display: block;
        content: "■";
        color: #187f52;
        position: absolute;
        top: 0;
        left: 0;
    }
    body.roppongi.guide #flowCont2 .flow_nav li p {
        border: none;
        padding: 0;
        margin-top: 10px;
    }
    body.roppongi.guide #flowCont2 .flow_nav li {
        position: relative;
        margin-bottom: 32px;
    }
    body.roppongi.guide #flowCont2 .flow_nav li a:after{
        display: none;
    }
    body.roppongi.guide #flowCont2 .flow_nav li:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 16px solid #DDEBE5;
        bottom: -26px;
        left: 50%;
        transform: translate(-50%,0);
    }
    body.roppongi.guide #flowCont2 .flow_nav li:last-child p {
        border-right: none;
    }
	body.roppongi.guide #flowCont2 .flow_nav li:last-child:after{
		display: none;
	}
    body.roppongi.guide.download table.tbl0 > tbody > tr > th {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 6px;
    }
    body.roppongi.guide.download table.tbl0 > tbody > tr:nth-of-type(1) > th {
        margin-top: 0;
    }
}


/*
インフォメーション追加 20191216 start
*/

.info_sec_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 80px 0;
    box-sizing: border-box;
    background:#fff;
}
.info_sec_wrap.toranomon{
    background:#fafafa;
}
.info_sec_inner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    max-width:1000px;
    box-sizing: border-box;
}
.info_sec_inner>h2{
    text-align:center;
    font-size:24px;
    margin-bottom:20px;
}
.info_sec_inner>ul{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.info_sec_inner>ul>li dl{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size:16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.info_sec_inner>ul>li dl>dt{
    width: 15rem;
    line-height:1.5;
    padding:2rem 0;
    display: block;
}
.info_sec_inner>ul>li dl>dd{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width:calc(100% - 15rem);
    line-height:1.5;
    padding:2rem 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.info_sec_inner>ul>li dl>dd>span{
    display: block;
    position: relative;
    width:calc(100% - 270px);
    height: auto;
    margin: 0;
    padding: 0;
    line-height:1.5;
}
.info_sec_inner>ul>li dl>dd>img{
    display: block;
    position: relative;
    width: 250px;
    height: auto;
}
.info_sec_inner>ul>li dl{
    border-top: 1px solid #d4d4d4;
    transition:all .5s;
}
.info_sec_inner>ul{
    border-bottom: 1px solid #d4d4d4;
}
.info_sec_inner>ul>li dl:hover{
    opacity:.3;
}
.info_sec_inner>ul>li dl.nolink:hover{
  opacity:1;
}
@media (max-width: 900px){
    .info_sec_inner>ul>li dl{
        font-size:14px;
    }
}
@media (max-width: 900px){
    .info_sec_inner>ul>li dl{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .info_sec_inner>ul>li dl>dt{
        padding-bottom:0;
    }
    .info_sec_inner>ul>li dl>dt,.info_sec_inner>ul>li dl>dd{
        width:100%;
    }
}
@media (max-width: 480px){
    .info_sec_wrap{
        padding-top:0;
    }
    .info_sec_inner>ul>li dl>dd{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .info_sec_inner>ul>li dl>dd>span{
        width: 100%;
        margin-bottom:20px;
    }
}


/*
インフォメーション追加 20191216 end
*/

/*
トップ変更 20200622
*/
body.general #feature.top{
    position: relative;
}
body.general #feature.top .txt.top{
    padding-top:300px;
    text-align:left;
    display: inline-block;
    width: auto;
    padding: 30px;
    background:rgba(0,0,0,.5);
    position: absolute;
    bottom:3vw;
    left:3vw;
    max-width:calc(100% - 6vw);

}
body.general #feature.top .txt.top>span{
    font-size:18px;
    font-weight:bold;
}
@media (max-width: 900px){
    body.general #feature.top .txt.top{
        font-size:24px;
    }
    body.general #feature.top .txt.top>span{
        font-size:14px;
    }
}
@media (max-width: 480px){
    body.general #feature.top .txt.top{
        font-size:18px;
        padding: 15px;
        left:0;
        right:0;
        margin: auto;
    }
    body.general #feature.top .txt.top>span{
        font-size:14px;
    }
}
/*
covid19対策ページ
*/
body.covid19 #feature {
    background: url(../img_v2/covid19/main_bg.jpg) center center;
    background-size: cover;
}
body.covid19.roppongi #feature {
    background: url(../img_v2/roppongi.jpg) center center;
    background-size: cover;
}
body.covid19 main {
	background: #eef0f6;
}
body.covid19 #container {
	margin: 0 auto 80px;
    max-width: 940px;
    width: 100%;
    padding: 0 20px 80px;
}
body.covid19 #container h3 {
	text-align: center;
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: bold;
	color: #004DA1;
}
body.covid19 #container .tab {
	display: flex;
	justify-content: space-between;
}
body.covid19 #container .tab li {
	width: calc(50% - 8px);
	border-radius: 4px 4px 0 0;
	position: relative;
	background: #c5c5c5;
	cursor: pointer;
}
body.covid19 #container .tab li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 0;
	color: #555;
	transition: all .3s;
	text-decoration: none;
}
body.covid19 #container .tab li a:hover {
	color: #004DA1;
}
body.covid19.roppongi #container .tab li a:hover {
	color: #187f52;
}
body.covid19 #container .tab li .number {
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    margin-right: 10px;
}
body.covid19 #container .tab li .txt {
	font-weight: bold;

}
body.covid19 #container .tab li.current {
	background: #fff;
}
body.covid19 #container .tab li.current a {
	color: #004DA1;
}
body.covid19.roppongi #container .tab li.current a {
	color: #187f52;
}
body.covid19 #container .tab li.current:before {
	position: absolute;
	top:0;
	width: 100%;
	background: #004DA1;
	content: "";
	display: block;
	height: 4px;
	border-radius: 4px 4px 0 0;
}
body.covid19.roppongi #container .tab li.current:before {
	background: #187f52;
}
body.covid19 #container article {
    padding: 60px 20px;
	background: #fff;
}
body.covid19 #container .img80p {
	max-width: 560px;
	margin: 0 auto;
	display: block;
}
body.covid19 #container article > div {
	max-width: 750px;
	margin: 0 auto;
}
body.covid19 #container img {
	width: 100%;
}
body.covid19 #container article > div > .note {
	color: #F00;
	font-size: 16px;
}
body.covid19 #container article > div > .note.strong {
	font-size: 22px;
}
body.covid19 #container article table {
	width: 100%;
}
body.covid19 #container article table.detail {
	margin: 30px 0;
}
body.covid19 #container article table.detail tr {
	font-weight: bold;
	font-size: 16px;
	display: flex;
	align-items: stretch;
	margin-bottom: 4px;
	vertical-align: middle;
}
body.covid19 #container article table.detail th {
	background: #004DA1;
	padding: 16px;
	color: #fff;
	text-align: center;
	width: 200px;
	display: flex;
	align-items: center;
	text-align: center;
}
body.covid19 #container article .roppongi table.detail th {
	background: #187f52;
}
body.covid19.roppongi #container article table.detail th {
	background: #ccc;
}
body.covid19 #container article table.detail.orange th {
	background: #f29600;
}
body.covid19 #container article table.detail td {
	padding: 16px;
	background: #f7f7f7;
	width: calc(100% - 200px);
	display: block;
}
body.covid19 #container article table.detail.orange td {
	background: #f6e4b2 !important;
}
body.covid19.roppongi #container article table.detail td {
	background: #e7f6f0;
}
body.covid19 #container article table.detail td.font-l {
	font-size: 22px;
	line-height: 1.6em;
}
body.covid19 #container article table.detail td small {
	font-size: 60%;
}
body.covid19 #container article h4 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 6px;
	color: #004da1;
}
body.covid19 #container article .roppongi h4 {
	color: #187f52;
}
body.covid19.roppongi #container article h4 {
	color: #187f52;
}
body.covid19 #container article ul.ul_indent li {
	padding-left:1em;
	text-indent:-1em;
}
body.covid19 #container article small {
	font-size: 11px;
}
body.covid19 #container article .broadcast .sec_ttl_bt {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	justify-content: flex-end;
}
body.covid19 #container article .broadcast .sec_ttl_bt .tag {
	margin-right: 0;
	margin-left: 10px;
	font-size: 15px;
}
body.covid19 #container article .broadcast .sec_ttl_bt h4 {
	margin-top: 0;
	line-height: 1em;
}
body.covid19 #container article .broadcast .sec_ttl_bt ul {
	display: flex;
	align-items: center;
	margin-left: 16px;
}
body.covid19 #container article .broadcast .tag {
	padding: 4px 6px;
	margin-right: 8px;
	font-size: 11px;
}
body.covid19 #container article .broadcast .tag.furnish {
	background: #20a8bd;
	color: #fff;
}
body.covid19 #container article .broadcast .tag.custumer {
	background: #f84e1a;
	color: #fff;
}
body.covid19 .broadcast_facility > li {
	background: #e3effd;
	padding: 24px 16px;
	position: relative;
	margin: 0 auto;
	max-width: 560px;
}
body.covid19.roppongi .broadcast_facility > li {
	background: #e7f6f0;
}
body.covid19 .broadcast_facility > li:after {
	content: "▶";
    font-size: 26px;
    font-size: 2.6rem;
    position: absolute;
    display: block;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 200;
    z-index: 1;
	color: #004da1;
}
body.covid19.roppongi .broadcast_facility > li:after {
	color: #187f52;
}
body.covid19 .broadcast_facility > li:last-child:after {
	display: none;
}
body.covid19 .broadcast_facility ul.detail > li {
	margin-bottom: 16px;
}
body.covid19 #container .broadcast .broadcast_facility > li:last-child {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
	color: #004da1;
}
body.covid19.roppongi #container .broadcast .broadcast_facility > li:last-child {
	color: #187f52;
}
body.covid19 .broadcast_facility ul.detail > li i {
	width: 32px;
	margin-right: 8px;
	display: block;
}
body.covid19 #container .broadcast .broadcast_facility ul.detail > li .tag {
	margin-right: 0;
	font-size: 16px;
}
body.covid19 #container .broadcast .broadcast_facility ul.detail > li .note {
	margin-left: 8px;
	font-size: 10px;
}
body.covid19 .broadcast_facility > li {
	width: 100%;
	display: block;
	margin-bottom: 40px;
}
body.covid19 .broadcast_facility > li:after {
	right: auto;
	left: 50%;
	top:auto;
	bottom: -38px;
    content: "▼";
	transform: translate(-50%,0);
}
body.covid19 .broadcast_facility ul.detail > li {
	margin-right: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
body.covid19 #container .inquiry {
	border: 1px solid #004da1;
	padding: 24px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 60px;
}
body.covid19.roppongi #container .inquiry {
	border: 1px solid #187f52;
}
body.covid19 #container .inquiry h4 {
	margin-top: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #004da1;
	margin-bottom: 16px;
}
body.covid19.roppongi #container .inquiry h4 {
	color: #187f52;
}
body.covid19 #container .table-ttl {
	font-size: 24px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	color: #004DA1;
}
body.covid19.roppongi #container .table-ttl,
body.covid19 #container .roppongi .table-ttl {
	color: #187f52;
}
body.covid19 #container .table-ttl small {
	font-size: 18px;
	display: block;
}
body.covid19 #container .inquiry table {
	width: auto;
	font-size: 18px;
}
body.covid19 #container .inquiry table .lsw {
	letter-spacing: 0.2em;
}
body.covid19 #container .inquiry table th {
	font-weight: bold;
	position: relative;
	padding-right: 18px;
}
body.covid19 #container .inquiry table th:after{
	position: absolute;
	content: "：";
	display: block;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
body.covid19 #container #facility h4,
body.covid19 #container h4.font-l {
	margin: 40px auto 20px;
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: 100%;
}
body.covid19 #container #facility h4 span,
body.covid19 #container h4.font-l span {
    font-size: 18px;
    border-left: 5px solid #04b;
    padding: 4px 0 2px 12px;
    line-height: 1.3;
    display: block;
    font-weight: bold;
}
body.covid19 #container .roppongi h4.font-l span {
	border-color: #187f52;
}
body.covid19 #container #facility .ul_img {
	margin-bottom: 50px;
}
body.covid19 #container #facility .ul_img li {
	margin:0 auto 40px;
	max-width: 560px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
body.covid19 #container #facility .ul_img .img {
	margin-top: 12px;
}
body.covid19 #container #facility .ul_img .img .icon {
	position: absolute;
	bottom:16px;
	width: 88px;
	left: 16px;
}
body.covid19 #container #facility .ul_img .img .icon.cross {
	width: 90px;
	left: 12px;
}
body.covid19 #container #facility .flex {
	display: flex;
	justify-content: space-between;
}
body.covid19 #container #facility .flex .icons {
	width: 170px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
	grid-gap: 10px;
}
body.covid19 #container #facility .flex .txt {
	width: calc(100% - 190px);
}
body.covid19 #container #facility .flex .txt li {
	padding-left:1em;
	text-indent:-1em;
}
body.covid19 article .catch {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
body.covid19 #container #plan ul.font-l {
	font-size: 16px;
	font-weight: bold;
}
body.covid19 #container #plan ul.font-l li {
	margin-bottom: 8px;
}
body.covid19 #container .list_requests > li {
	margin-bottom:16px;
	padding-bottom: 16px;
	border-bottom: 1px dotted #ccc;
	display: flex;
	align-items: center;
}
body.covid19 #container .list_requests > li p {
	margin-bottom: 0;
	padding-left:1em;
	text-indent:-1em;
	width: calc(100% - 90px);
}
body.covid19 #container .list_requests > li ul {
	width: calc(100% - 90px);
}
body.covid19 #container .list_requests > li li {
	padding-left:1em;
	text-indent:-1em;
}
body.covid19 #container .list_requests > li i {
	display: block;
	width: 80px;
	margin-right: 10px;
	position: relative;
}
body.covid19 #container .list_requests > li i .cross {
	display: block;
	position: absolute;
	width: 20%;
	top: -4px;
	left: -4px;
}
body.covid19 #container .link_pdf {
    color: #049;
    text-decoration: underline;
    line-height: 1em;
}
body.covid19.roppongi #container .link_pdf,
body.covid19 #container .roppongi .link_pdf {
    color: #187f52;
}
body.covid19 #container .link_pdf img {
	width: 17px;
}
body.covid19 #feature {
    height: 300px;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    color: #fff;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    position: relative;
}
body.covid19 #feature .main {
    font-size: 2.5vw;
    text-shadow: 0px 0px 10px #131138;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: bold;
}
body.covid19.roppongi #container #facility h4 span, body.covid19.roppongi #container h4.font-l span {
    border-left: 5px solid #187f52;
}
section.covid19bnr {
	margin: 80px auto 0;
    padding: 0 20px;
    max-width: 1000px;
}
section.covid19bnr ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
section.covid19bnr ul li {
	width: 49%;
}
section.covid19bnr img {
	width: 100%;
}
@media screen and (min-width: 481px) {
	body.covid19 br.sp {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	body.covid19 #container article {
		padding: 40px 20px;
	}
	body.covid19 #container h3 {
		font-size: 20px;
	}
	body.covid19 #container .tab {
	}
	body.covid19 #container .tab li .number {
		display: none;
	}
	body.covid19 #container .tab li {
		font-size: 11px;
		text-align: center;
		width: calc(50% - 2px);
	}
	body.covid19 #container article table.detail tr {
		display: block;
		margin-bottom: 10px;
	}
	body.covid19 #container article table.detail th {
		width: 100%;
		display: block;
	}
	body.covid19 #container article table.detail td {
		width: 100%;
		display: block;
	}
	body.covid19 .broadcast_facility {
		display: block;
	}
	body.covid19 .broadcast_facility ul.detail > li {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}
	body.covid19 #container .inquiry th {
		display: block;
		color: #004da1;
	}
	body.covid19.roppongi #container .inquiry th {
		color: #187f52;
	}
	body.covid19 #container .inquiry td {
		display: block;
		margin-bottom: 20px;
	}
	body.covid19 #container .inquiry table th:after {
		display: none;
	}
	body.covid19 #container #facility .ul_img {
		display: block;
	}
	body.covid19 #container #facility .ul_img li {
		margin-bottom: 30px;
	}
	body.covid19 #container #facility .flex {
		display: block;
	}
	body.covid19 #container #facility .flex .icons {
		width: 100%;
		margin-bottom: 24px;
	    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
	}
	body.covid19 #container #facility .flex .txt {
		width: 100%;
	}
	body.covid19 #container .list_requests > li p {
		width: calc(100% - 70px);
	}
	body.covid19 #container .list_requests > li ul {
		width: calc(100% - 70px);
	}
	body.covid19 #container .list_requests > li ul li {
		margin-bottom: 8px;
	}
	body.covid19 #container .list_requests > li i {
		width: 60px;
	}
	section.covid19bnr {
		margin: 0 auto 80px;
	}
	section.covid19bnr ul li {
		margin-bottom: 10px;
		width: 100%;
	}
}
/* covid19対策ページ end */
.video {
	width: 100%;
	margin-top: 20px;
}

/*
20230526 グロナビ変更 + FAQ
*/
body.toranomon header .inquiry a.form span.txt{
	margin-top:0;
	text-align:center;
	padding-left:0;
	float:none;
	margin: 0 auto;
	font-size:18px;
	line-height: 1;
	height: 18px;
	position: relative;
}
body.toranomon header .inquiry a.form i:after{
	content: "?";
	width: auto;
	height: 20px;
	border: none;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	transform: none;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
}
body.toranomon header .inquiry a.form{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 7px;
	box-sizing: border-box;
	background: #1B9E99;
    border: 2px solid #1B9E99;
}
body.toranomon header .inquiry a.form:hover{
	color:#1B9E99;
	background:#fff;
}
body.toranomon header .inquiry a.form i{
	margin-top: 0;
	margin-right: 0;
	border: 2px solid #fff;
	background: none;
	font-style: normal;
	width: 30px;
	height: 30px;
	position: relative;
}
body.toranomon header .inquiry a.form:hover i{
	background:none;
	border-color:#1B9E99;
}
body.toranomon header .inquiry .guide{
	text-align:center;
}
body.toranomon header .inquiry .guide:after{
	display: none;
}
@media screen and (max-width: 480px){
	body.toranomon .inquiry_sp .btn_inquiry.white{
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body.toranomon .inquiry_sp .btn_inquiry.white i{
		display: block;
		position: relative;
		float: none;
		width: 25px;
		height: 25px;
		background: none;
		border: 2px solid #004da1;
		font-style: normal;
		margin-right: 5px;
		box-sizing: border-box;
	}
	body.toranomon .inquiry_sp .btn_inquiry i:after{
		content: "?";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transform: none;
		border: none;
		margin: auto;
		text-align: center;
		line-height: 1;
		display: block;
		width: auto;
		font-size: 16px;
		height: 16px;
	}
	body.toranomon .inquiry_sp .btn_inquiry.white>span.txt{
		font-size:16px;
	}
	body.toranomon .inquiry_sp .btn_inquiry .arrow{
		display: none;
	}
}
.panorama_wrap{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 50px;
}
.panorama_view{
	display: block;
	position: relative;
	width: 90%;
	height: 600px;
	margin: 20px auto 40px;
	padding: 0;
	max-width:1100px;
}
.panorama_title{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
body.toranomon.lower #container{
	padding-bottom:40px;
}
@media (max-width:900px){
	.panorama_view{
		height: 60vw;
	}
}

body.toranomon.spec .h1{
	width: 100%;
}
body.toranomon.guide .h1{
	width: 100%;
}
body.toranomon.access .h1{
	width: 100%;
}
body.toranomon.catering .h1{
	width: 100%;
}
body.toranomon.fee .h1{
	width: 100%;
}
.faq_sec_wrap{
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 50px 0;
}
.faq_sec_inner{
display: block;
position: relative;
width: 90%;
height: auto;
margin: 0 auto;
padding: 0;
max-width:980px;
}
.faq_block{
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 30px 0;
border-bottom:1px solid #9D9C9C;
}
.faq_f{
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 10px 50px;
transition:all .5s;
}
.faq_f:hover{
opacity:.6;
cursor: pointer;
}
.faq_f:before{
content:"";
display: block;
position: absolute;
width: 35px;
height: 35px;
margin: auto;
padding: 0;
top:5px;
left:0;
background-image:url(/toranomon/img_v2/faq_q.png);
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
.faq_f>p{
font-size:16px;
font-weight:bold;
}
.faq_f:after{
content:"";
display: block;
position: absolute;
width: 8px;
height: 8px;
margin: auto;
padding: 0;
border-top:2px solid #224595;
border-right:2px solid #224595;
transform:rotateZ(135deg);
right:20px;
top:0;
bottom:0;
transition:all .5s;
}
.faq_f.open:after{
transform:rotateZ(-45deg)
}
.faq_a{
display: none;
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 10px 0px 10px 50px;
}
.faq_a:before{
content:"";
display: block;
position: absolute;
width: 35px;
height: 35px;
margin: auto;
padding: 0;
top:4px;
left:0;
background-image:url(/toranomon/img_v2/faq_a.png);
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
.faq_a>p>a{
color:#004DA1;
text-decoration: underline;
}
.faq_other{
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 50px 0 30px;
}
.faq_other>p{
text-align:center;
font-size:18px;
font-weight:bold;
margin-bottom: 10px;
}
.btn.faq{
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
font-size:20px;
height: 70px;
border-radius:40px;
width: 100%;
max-width:350px;
}
.btn.faq:before{
content:"";
display: inline-block;
position: relative;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
margin-right:10px;
background-image:url(/toranomon/img_v2/faq_btn_q_w.png);
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
.btn.faq:hover:before{
background-image:url(/toranomon/img_v2/faq_btn_q_b.png);
}
.btn.faq:after{
content:"";
display: inline-block;
position: relative;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
margin-left:10px;
background-image:url(/toranomon/img_v2/faq_btn_out_w.png);
background-size:contain;
background-position: center;
background-repeat: no-repeat;
border:none;
transform: none;
top:0;
bottom:0;
left:0;
right:0;
}
.btn.faq:hover:after{
background-image:url(/toranomon/img_v2/faq_btn_out_b.png);
transform:none;
border:none;
}
/* フッター：3D tour & FAQ 追加 */
#footer_3dtour_faq {
	background: #eef0f6;
}
#footer_3dtour_faqin {
    max-width: 1000px;
    margin: 0 auto;
	padding: 80px 20px;
}
#footer_3dtour_faq section h2 {
    text-align:center;
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: bold;
}
#footer_3dtour_faq section h2 strong {
	font-size: 120%;
}
#footer_3dtour_faq section h2 small {
	font-size: 66%;
	padding-right: 8px;
}
#footer_3dtour_faq section h2 .read {
	display: block;
	color: #004da1;
	font-size: 75%;
	padding-bottom: 8px;
	border-bottom: 2px solid #004da1;
	max-width: 520px;
	margin: 0 auto 14px;
}
#footer_3dtour_faq section > p {
	text-align: center;
	font-size: 16px;
	line-height: 1.4em;
}
.matterportbnr{
    padding-bottom: 80px;
}
.matterportbnr>ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.matterportbnr>ul>li{
    width: 49%;
}
.matterportbnr>ul>li>a>img {
	transition: opacity .4s;
}
.matterportbnr>ul>li>a>img {
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
}
.matterportbnr>h2{
}
@media screen and (max-width: 480px){
    .matterportbnr>ul>li{
        width: 100%;
        margin: 0 auto 20px;
    }
}
.faq_btnlist {
	display: grid;
    padding: 20px 0 50px;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.faq_btnlist li {
	display: block;
}
.faq_btnlist a {
	display: flex;
	align-items: center;
	border:1px solid #004da1;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: bold;
	transition: .5s all;
}
.faq_btnlist a:hover {
	background: #004da1;
	color: #fff;
}
.faq_btnlist a .img {
	margin-right: 6px;
}
.faq_btnlist a img {
	width: 50px;
}
.faq_btnlist a:hover img {
	opacity: 1;
	mix-blend-mode:	multiply;
}
.toranomon a.btn.icon {
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 18px;
}
.toranomon a.btn.icon:after {
	display: none;
}
.toranomon a.btn.icon span {
	display: block;
}
.toranomon a.btn.icon.peacock:hover span {
	color:#1B9E99;
}
.toranomon a.btn.icon i:after{
	width: auto;
	border: none;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	transform: none;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	font-family: 'Oswald', sans-serif;
}
.toranomon a.btn.icon.question i:after{
	content: "?";
}
.toranomon a.btn.icon i{
	margin-top: 0;
	margin-right: 0;
	border: 2px solid #fff;
	background: none;
	font-style: normal;
	width: 30px;
	height: 30px;
	position: relative;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.toranomon a.btn.icon.peacock:hover i {
	border: 2px solid #1B9E99;
	color: #1B9E99;
}
.toranomon a.btn.peacock:hover:after {
    border-top: 2px solid #1B9E99;
    border-right: 2px solid #1B9E99;
}
#footer_3dtour_faq a.btn.icon {
	max-width: 420px;
	width: 100%;
	font-size: 16px;
}
.faq_btnlist {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.inquiry_sp .btn_inquiry.peacock{
	background:#1B9E99;
	color:#fff;
}
body.toranomon .inquiry_sp .btn_inquiry.peacock i{
	display: block;
    position: relative;
    float: none;
    width: 25px;
    height: 25px;
    background: none;
    border: 2px solid #fff;
    font-style: normal;
    margin-right: 5px;
    box-sizing: border-box;
}
body.toranomon .inquiry_sp .btn_inquiry.peacock>span.txt{
	font-size:16px;
}
body.toranomon .inquiry_sp .btn_inquiry.peacock {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 481px){
	#footer_3dtour_faq br.sp {
		display: none;
	}
}
@media screen and (max-width: 480px){
	#footer_3dtour_faq section h2 .read {
		font-size: 68%;
	}
	#footer_3dtour_faq section h2 small {
		display: block;
		padding-right: 0;
	}
	#footer_3dtour_faq section > p {
		font-size: 14px;
	}
	.faq_btnlist {
		font-size: 13px;
		line-height: 1.4em;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		gap: 6px;
	}
	.faq_btnlist a {
		padding: 6px 13px 6px 7px;
	}
	.faq_btnlist a .img {

	}
	.faq_btnlist a img {
	    width: 36px;
	}
	#footer_3dtour_faq a.btn.icon {
		font-size: 14px;
	}
}

#stick_faq{
	width: auto;
	z-index:100;
}
#stick_faq:hover{
	background:#1B9E99;
	color:#fff;
}
#stick_faq:hover>span{
	color:#fff;
	opacity:.5;
}
#stick_faq{
	transition:opacity .2s;
	opacity:0;
}
#stick_faq.visible{
	opacity:1;
}
#stick_faq{
	display: flex;
	position: fixed;
	bottom:20px;
	right:100px;
	padding:0 12px;
	overflow: hidden;
	transition:all .5s;
	width:320px;
	text-align:center;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
}
#stick_faq>img{
	width: 34px;
	margin-right:10px;
	transition:margin .4s;
	display: inline;

}
#stick_faq.is-animation{
	width: 60px;
}
#stick_faq.is-animation>img{
	margin-right:0;
}

#stick_faq>span{
	opacity:1;
	height: 18px;
	display: inline;
	transition:all .3s;
	overflow: hidden;
}
#stick_faq.is-animation>span{
	opacity: 0;
	width: 0;
}
#stick_faq>span>br.sp{
	display: none;
}

body.toranomon header .inquiry a.form span.txt {
    padding: 0;
    margin: 0 auto;
    font-size:20px;
    font-size: clamp(1.6rem, 2vw, 2rem);
    height: auto;
}
body.toranomon header .inquiry a.form span {
	display:inline-block;
}
body.toranomon header .inquiry a.form i:after {
	font-family: 'Oswald', sans-serif;
}
body.toranomon header .inquiry a.form span.txt span{
	font-size: 80%;
	display: inline-block;
	padding: 0;
	margin: 0;
	float: none;
	padding-left:5px;
}
@media screen and (max-width: 480px){
	#stick_faq{
		right:20px;
		padding:0 7px;
		width: 250px;
	}
	#stick_faq>span{
		height: 40px;

	}
	#stick_faq>span>br.sp{
		display: inline;
	}
	#stick_faq.is-animation{
		width: 50px;
	}
}
/* roppongi close */
#roppongi_header_roppongi_pc,
#general_header_sitelogo_roppongi,
#general_header_roppongi,
#toranomon_header_roppongi_pc,
#toranomon_header_roppongi_sp,
.roppongi header .gnav li a,
#roppongi_top_topic_showcase2022,
body.general.roppongi #headerNav_sub .link a,
#roppongi_header_en_pc,
#roppongi_header_inquiry_pc,
#roppongi_header_guide_pc,
#roppongi_header_sitelogo
 {
		pointer-events: none !important;
}
#roppongi_header_site_pc,
#general_header_sites {
	display: none !important;
}