/* @import url(object/project/area_foundation.css);
@import url(object/project/area1.css);
@import url(object/project/area2.css);
@import url(object/project/area3.css); */


/*
	object fit関連
	object-fit: contain / cover;
	object-position: top left right bottom / 0% 0%;
	例// font-family : 'object-fit: cover; object-position: center top;' ......etc;

	上記 IEで動かす場合はプラグインが必要
	*/

/*
	flex 早見表

	並び替え
	flex-direction: row | row-reverse | column | column-reverse;
	改行
	flex-wrap: nowrap | wrap | wrap-reverse;
	横並びのレイアウト
	justify-content: flex-start | flex-end | center | space-between | space-around;
	縦並びのレイアウト
	align-items: flex-start | flex-end | center | baseline | stretch;
	コンテンツ全体のレイアウト
	align-content: flex-start | flex-end | center | space-between | space-around | stretch;
	*/

/*
IE10以上

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  			セレクタ:not(:target) {
  		}
	}
	*/

/*
メディアクエリテンプレート

	ラップトップ　		@media screen and (min-width: 769px) or (min-width: 960px)
	タブレット		@media screen and (max-width: 768px)
	スマホ　縦からは	@media screen and (max-width: 480px)
	*/
	html {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		/* -webkit-font-smoothing: antialiased; */
		-moz-osx-font-smoothing: grayscale;
	}

	@font-face {
		font-family: 'HannariMin';
		src: url('../../fonts/Hannari.woff') format('woff'),
		url('../../fonts/Hannari.ttf') format('truetype');
	}

	/*はんなり*/
	.hannari {
		font-family: "HannariMin",serif;
	}

	/*新ゴ*/

	.shingo {
		font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
	}

	a:focus,a:visited {
		outline: none;
	}

	/*ヘッダー*/
	

	/*パーツ*/
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, .btn-group.menu a {
			padding-right: .15em;
		}
	}

	.attention {
		font-size: 1.2rem;
		text-align: left;
		margin: 20px auto 80px;
		color: #000;
		max-width: 800px
	}

	.attention_r {
		font-size: 1.2rem;
		text-align: right;
		margin: 5px 0;
		color: #000;
	}




	.attention_r span {
		font-size: 1.6rem;
		text-align: right;
		margin: 10px auto;
		color: #000;
	}

	.attention_l {
		font-size: 1.2rem;
		text-align: left;
		margin: 5px 0;
		color: #000;
	}

	.font-bold {
		font-weight: bold;
	}

	/*ページタイトル*/
	.main-ttl span {
		display: block;
		color: #004e21;
		font-family: 'EB Garamond','Sawarabi Mincho', serif;
		font-size: 1.8rem;
		letter-spacing: .425em;
		text-indent: .425em;
		padding-bottom: 28px;
	}

	.main-ttl {
		text-align: center;
		color: #5d626b;
		font-size: 3.2rem;
		letter-spacing: .18em;
		line-height: 1.8;
		white-space: nowrap;
		padding: 40px 0 0;
		font-family: "HannariMin",serif;
	}

	/*セクションタイトル*/
	.sec-ttl {
		position: relative;
		font-size: 2.5rem;
		color: #1A5E8F;
		margin: 0 auto .5em;
		border-bottom: solid 1px #000
	}

/*
	.sec-ttl:after {
		position: absolute;
		width: calc(100% - 180px);
		height: 1px;
		content: "";
		display: block;
		background-color: #004e21;
		right: 0;
		top: 50%;
		margin: -.5px 0 0
	}
*/

	.sec-cat {
		position: relative;
		font-size:2rem;
		color: #1A5E8F;
		margin: 15px 0 .5em;
		width: 325px;
	}

	.text-center {
		text-align: center;
	}

	.btn-group.menu {
		z-index: 9998;
	}

	.btn-group.menu div a {
		width: 100%;
		line-height: 60px;
	}

	#wrapper {
/*		overflow: hidden;*/
	}

	/*コンテンツラップ*/
	.cont-wrap {
		display: flex;
	}

	/*サイドのボタン*/
	#wrapper > .btn-group > div {
		width: 70px;
	}

	#wrapper > .btn-group > div a {
		line-height: 60px;
	}



	/*トップ*/
	#index .mv .skip-wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		/*margin: 10.54vw auto 0;*/
		margin: 0 auto;
		/*display: none;*/
		z-index: 9997;
	}

	#index .mv .skip-wrap img {
		margin: 20px 13px 0 0;
		width: 187px;
		min-width: 187px;
		min-height: 50px;
	}

	#index .mv {
		position: relative;
		width: 100%;
		height: calc(100vh + 5vw);
	}

	#index .mv .mv-logogold {
		width: 15.62vw;
		top: 50%;
		left: 50%;
		margin: -10.31vw 0 0 -7.81vw;
	}

	#index .mv .mv-overlay-blk {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		background-color: #020302;
		width:100%;
		height: calc(100vh + 5vw);
		z-index: 5;
		opacity: .8;
	}

	#index .mv .mv-overlay-wht {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		background-color: #fff;
		width:100%;
		height: calc(100vh + 5vw);
		z-index: 6;
		opacity: 0;
	}

	#index .mv .inner {
		position: relative;
		width: 100%;
		height: calc(100vh + 5vw);
		background: url(../../img/index_mv_bg_wht.png) no-repeat top center;
		background-size: 100vw auto;
		background-color: transparent;
	}

	#index .mv.active .inner {
		background: url(../../img/index_mv_bg.png) no-repeat center;
		background-size: cover;
	}

	#index .mv-item {
		position: absolute;
		opacity: 0;
	}

	#index .new-catch {
		width: 12.96vw;
		top: 7.5vw;
		right: 8.75vw;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
		opacity: 1;
	}

	#index .new-catch.show .img-overlay {
		opacity: 1;
	}

	#index .new-catch .img-overlay {
		position: relative;
		width: 1.75vw;
		overflow: hidden;
	}

	#index .new-catch.show .img-overlay {
		height: 32.34vw;
	}

	#index .new-catch .img-overlay img {
		width: 1.75vw;
		position: absolute;
	}

	#index .new-catch:not(.show) .img-overlay.order-1.show {
		animation: topdown 1.5s linear forwards;
	}

	#index .new-catch:not(.show) .img-overlay.order-2.show {
		animation: topdown 1.5s linear forwards 1.75s;
	}

	#index .new-catch:not(.show) .img-overlay.order-3.show {
		animation: topdown 1.5s linear forwards 3.5s;
	}

	#index .new-catch:not(.show) .img-overlay.order-4.show {
		animation: topdown 1.5s linear forwards 5.25s;
	}

	@keyframes topdown {
		0% {
			height: 0;
		}
		100% {
			height: 32.34vw;
		}
	}

	#index .new-campaign {
		width: 35vw;
		bottom: 19.5vw;
		left: 7.75vw;
	}

	#index .new-price {
		width: 43.75vw;
		bottom: 8vw;
		left: 8vw;
	}

	#index .new-point {
		width: 50vw;
		bottom: 1.75vw;
		left: 50%;
		margin: 0 0 0 -25vw;
		z-index: 2;
    }

    #index .mv .mv-final-wrap {
    	display: flex;
    	-webkit-justify-content: flex-start;
    	justify-content: flex-start;
    	-webkit-align-items: center;
    	align-items: center;
    	-webkit-flex-direction: column;
    	-ms-flex-direction: column;
    	flex-direction: column;
    	top: 50%;
    	left: 50%;
    	width: 64vw;
    	height: auto;
    	margin: -20.5vw 0 0 -32vw;
    }

    #index .mv .mv-final-01 {
    	top: 50%;
    	left: 50%;
    	width: 53.5vw;
    	height: 9vw;
    	margin: -6.35vw 0 0 -27vw;
    	opacity: 0;
	}

	#index .mv .mv-final-02 {
		width: 46vw;
		height: 17.96vw;
		margin: 4vw 0 0 0vw;
		opacity: 0;
	}

	#index .mv .mv-final-03 {
		width: 35vw;
		height: 7.5vw;
		margin-top: 3vw;
		opacity: 0;
	}

	#index .mv .new-link {
		display: block;
		bottom: 8vw;
		right: 10vw;
		width: 26vw;
		height: 11.79vw;
	}

	#index .mv .new-link-wrap {
		position: relative;
		overflow: visible;
	}

	#index .mv .new-link-img {
		position: relative;
		overflow: hidden;
		width: 26vw;
		height: 11.79vw;
	}

	.new-link-img-sub {
		position: absolute;
		width: 10vw;
		height: 10vw;
		z-index: 1;
		top: -3.5vw;
		left: -6vw;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		box-shadow: 6.062px 3.5px 8px 0px rgba(5, 7, 9, 0.18),inset 0px 1px 2px 0px rgba(4, 0, 0, 0.35);
	}

	.new-link-img-wrap {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

	#index .mv .new-link-img img {
		width: 26vw;
		height: 11.79vw;
	}

	#index .mv .new-link-img-sub .ef-shiny,
	#index .mv .new-link-img .ef-shiny {
		position: absolute;
		width: 15vw;
		height: 15vw;
		top: 50%;
		left: -200%;
		margin: -7.5vw 0 0 0;
	}

	#index .mv .new-link-img .ef-shiny {
		top: 50%;
    	margin-top: -35%;
	}

	#index .mv .mv-btn-group {
		display: flex;
		width: 39vw;
		top: 50%;
		left: 50%;
		margin-top: 0vw;
		margin-left: -19.5vw;
		justify-content: space-between;
	}

	/*一時対応*/
/*		#index .mv .mv-btn-group {
	display: flex;
	width: 100%;
	top: 50%;
	/*left: 50%;*/
	/*left: 0;*/
	/*margin-top: 0vw;*/
	/*margin-left: -19.5vw;*/
	/*justify-content: center;*/
	/*}*/

	#index .mv .mv-btn-group.show {
		z-index: 9999;
	}

	#index .mv .mv-btn-group img {
		width: 17.96vw;
	}

	#index .mv .mv-nav {
		position: absolute;
		width: 100%;
		bottom: 2.34vw;
		left: 0;
		height: 80px;
		z-index: 9999;
		text-align: center;
	}

	#index .mv .mv-nav a {
		color: #fff;
		display: inline-block;
		padding: 25px 35px;
		background: rgba(255,255,255,.2);
		border-radius: 50%;
		/*text-decoration: underline;*/
		font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
		font-weight: bold;
		line-height: 1;
	}

	#index .mv .mv-nav a em {
		font-size: 1.2rem;
		vertical-align: inherit;
	}

	#index .mv .mv-nav a:after {
		width: 100%;
		height: 1px;
		content: "";
		display: block;
		background-color: #fff;
		margin-top: 2px;
	}

	#index .mv .sales {
		text-align: center;
	}

	#index .mv .logo {
		margin: 0 auto;
	}

	#index .preorder {
		max-width: none;
		max-width: 1100px;
		padding: 0;
		margin: 0 auto 0px;
		position: relative
	}

	#index .preorder h2 {
		font-size: 2.6rem;
		color: #5d626b;
		text-align: center;
		letter-spacing: .18em;
		text-indent: .18em;
		display: block;
		background: url(../../img/line.png) no-repeat bottom center;
		padding: 45px 0 50px;
		/*margin-bottom: 70px;*/
	}

	#index .preorder .bnr {
		margin: 0 auto;
		padding: 26px 0 32px;
		text-align: center;
	}

	#index .preorder .bnr img {
		width: 290px;
	}

	#index .preorder .bnr + .bnr {
		margin: 0 auto;
		padding: 0 0 20px;
		text-align: center;
	}

	#index .preorder .bnr + .bnr + .bnr {
		margin: 0 auto;
		padding: 0 0 115px;
		text-align: center;
	}

	#index .preorder .bnr + .bnr img {
		width: 600px;
	}

	#index .preorder .bnr a {
		display: inline-block;
	}

	#index .preorder h3 {
		font-size: 2.4rem;
		color: #5d626b;
		text-align: center;
		padding-bottom: 145px;
	}

	#index .preorder > span {
		font-size: 1.2rem;
		transform: none;
	}

	#index .mv .detail {
		text-align: center;
	}

	#index .mv .detail img {
		margin: 0 auto;
	}

	#index .preorder > span {
		font-size: 1.1rem;
		color: #797a7a;
		line-height: 1.8;
	}

	#index .preorder > span:not(:last-child) {
		margin-bottom: 3px;
	}

	/*ロケーション*/
	#location .mv {
		background: none;
	}

	#location .map img {
		margin: 0 auto;
	}

	#location .location {
		width: 980px;
		margin: 50px auto 0;
	}

	#location .location .cont-wrap:not(.ga) {
		justify-content: space-between;
	}

	#location .location .cont-wrap:not(.ga) .thumb {
		margin: 0;
	}

	#location .location .cont-wrap:not(.ga) .thumb img {
		width: 360px;
		height: 240px;
	}

	#location .location .cont-wrap.ga {
		flex-wrap: wrap;
	}

	#location .catch {
		width: 100%;
		background: url(../../img/greenber.png) no-repeat top center;
		-webkit-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
		font-size: 3.2rem;
		color: #d5c271;
		text-align: center;
		padding: 93px 0;
	}

	#location .thumb {
		margin: 30px 26px 0 0;
	}

	#location .thumb:nth-child(4n) {
		margin-right: 0;
	}

	#location .thumb img {
		width: 225px;
		height: 150px;
		object-fit: contain;
		font-family: 'object-fit: contain';
	}

	#location .thumb span {
		font-size: 1.4rem;
		color: #231815;
	}

	.lifeinformation {
		margin-top: 35px;
	}

	.lifeinformation .cont-wrap {
		flex-wrap: wrap;
		width: 100%
	}

	.lifeinformation .cont-wrap .contblock{
		position: relative;
		width: 32%;
		overflow: hidden;
		margin-right: 20px;
		font-size: 2rem
	}

.lifeinformation .cont-wrap .contblock:nth-child(3){margin-right: 0}

	.lifeinformation .cont-wrap .contblock > span {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin-bottom: .5em;

	}

	.lifeinformation .cont-wrap .contblock > span:after {
		position: absolute;
		top: 0;
		left: .25em;
		content: "・・・・・・・・・・・・・・・・・・";
		z-index: -1;
		font-size:12.5px
	}

	.lifeinformation .cont-wrap .contblock > span span {
		display: block;
		background: #fff;
		color: #221815;
		font-size:12.5px
	}

	.lifeinformation .cont-wrap .contblock p{
		font-size: 10px;
	}
	/*アクセス*/

	#access .mv {
		position: relative;
		margin-top: -10.54vw;
		background: url(../../img/access_mv.jpeg) no-repeat;
		background-size: cover;
		background-position: center;
		height: 70.5vw;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding-bottom: 2.34vw;
		flex-direction: column;
	}

	#access .mv .catch {
		position: absolute;
		width: 36.09vw;
		/*top: 15vw;*/
		top: 13.28vw;
		left: 50%;
		background: none;
		padding: 0;
		height: auto;
		margin-left: -35vw;
	}

	#access .mv img {
		position: absolute;
		/*top: 15vw;*/
		bottom: 0;
		left: 50%;
		margin-left: -40vw;
		width: 80vw;
		padding-left: 14vw;
		display: none;
	}

	#access .mv > span {
		position: absolute;
		left: 0;
		bottom: 0;
		color: #fff;
		display: block;
		width: 100%;
		text-align: right;
		padding-right: 20px;
		font-size: 1.2rem;
	}

	#access .ga.cont-wrap {
		width: 100%;
	}

	#access .ga.cont-wrap img {
		width: 33.33333333333333vw;
		height: 24.84375vw;
	}

	#access .metro {
		max-width: 724px;
		margin: 40px auto 60px;
	}

	#access .navgation.cont-wrap {
		width: 980px;
		margin: 0 auto;

	}

	#access .navgation.cont-wrap .left {
		width: 530px;
	}

	#access .navgation.cont-wrap .right {
		width: 360px;
		margin-left: 50px;
	}

	#access .navgation.cont-wrap .left p {
		font-size: 1.4rem;
		line-height: 1.75;
		letter-spacing: .05em;
	}

	#access .navgation.cont-wrap h3 {
		color: #5d626b;
		font-size: 2rem;
		letter-spacing: .25em;
		white-space: nowrap;
		line-height: 2;
		margin-bottom: 20px;
	}

	#access .info {
		width: 980px;
		margin: 65px auto 65px;
	}

	#access .info span,
	#access .info p {
		font-size: 1.1rem;
		line-height: 2;
	}


	/*概要*/
	#outline .cell .attention {
		display: inline;
		margin: 0;
	}

	#outline .cell {
		display: block;
	}

	#outline .form .form-group:last-child .cell:nth-child(2) {
		border-bottom: 1px solid #797A7A;
	}

	#outline .form .form-group:nth-last-child(2) .cell:nth-child(2) {
		border-bottom: none;
	}

	#outline .form .form-group .cell {
		padding: 10px;
	}

	#outline .form .form-group .cell:first-child {
		width: 270px;
	}

	/*プラン*/
	#plan ul.planlist {
		width: 100%;
		max-width: 940px;
		margin: 0 auto 76px;
		display: flex;
		flex-wrap: wrap;
	}

	#plan ul.planlist li {
		position: relative;
		margin: 0 20px 15px 0;
	}

	#plan ul.planlist li:nth-child(4n) {
		margin-right: 0;
	}

	#plan ul.planlist li a {
		display: block;
	}

	#plan .type {
		/*width: 980px;*/
		width: 1080px;
		margin: 0 auto;
		overflow: hidden;
	}

	#plan .ttl span {
		font-size: 1.3rem;
		display: inline-block;
		margin-bottom: .75em;
		letter-spacing: .11em;
	}

	#plan .ttl {
		position: relative;
	}

	#plan .ttl:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 36px;
		height: 1px;
		border-bottom: 1px solid #231815;
	}

	#plan #typej .ttl:after {
		bottom: 51px;
	}

	#plan .ttl img {
		margin-bottom: 10px;
		max-width: 100%;
	}

	#plan .typea .ttl span + span {
		margin-left: 40px;
	}

	#plan .typea .text {
		min-width: 680px;
	}

	#plan .type >.cont-wrap {
		align-items: center;
		justify-content: space-between;
	}

	#plan .type >.cont-wrap .text {
		max-width: 560px;
	}

	#plan .type > .cont-wrap:nth-child(even) {
		flex-direction: row-reverse;
	}

	#plan .type > .cont-wrap:nth-child(even) + .info .cont-wrap {
		justify-content: flex-start;
	}

	#plan .type > .cont-wrap:nth-child(even) + .info .attention {
		right: auto;
		left: -25px;
	}

	#plan .type >.cont-wrap .img img {
		min-width: 560px;
		max-width: 560px;
	}

	#plan .info .cont-wrap {
		justify-content: flex-end;
	}

	#plan .info .cont-wrap span {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #797a7a;
		font-size: 1rem;
		white-space: nowrap;
	}

	#plan .info {
		position: relative;
		padding-bottom: 25px;
		margin: 25px 0 100px;
	}

	#plan .attention {
		position: absolute;
		bottom: 0;
		right: -25px;
		display: block;
		font-size: 1rem;
		transform: scale(.9);
		margin: 0;
	}

	#plan .info .cont-wrap span:first-child:before {
		margin-left: 0;
	}

	#plan .info .cont-wrap span:before {
		display: inline-block;
		content: "";
		width: 34px;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-left: 14px;
	}

	#plan .info .cont-wrap span:nth-child(1):before {
		background-image:  url(../../img/plan_info_01.png);
	}

	#plan .info .cont-wrap span:nth-child(2):before {
		background-image:  url(../../img/plan_info_02.png);
	}

	#plan .info .cont-wrap span.sic:before {
		content: "SIC";
		margin-left: 0;
	}

	#plan .info .cont-wrap span.wic:before {
		content: "WIC";
		margin-left: 0;
	}

	#plan .type .typec + .info .compass {
		left: 440px;
		right: auto;
	}

	#plan .text p {
		line-height: 2em;
		font-size: 1.5rem;
		color: #221815;
		letter-spacing: .22em;
		white-space: nowrap;
		font-feature-settings : "palt";
	}

	#plan .info {
		position: relative;
		text-align: right;
	}

	#plan .compass {
		position: absolute;
		top: -70px;
		right: 25px;
	}

	#plan .img img {
		margin: 0 auto;
	}

	#plan #cboxLoadedContent .img img {
		width: 100vmin;
	}

	#plan #cboxLoadedContent {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px 0 0;
	}

	#plan #cboxLoadedContent > div {
		width: 100%;
		height: 100%;
	}

	#plan #cboxLoadedContent .info {
		position: static;
		margin: 0 auto;
		padding: 25px 0;
	}

	#plan #cboxLoadedContent .attention {
		padding-top: 10px;
		position: static;
	}

	#plan #cboxLoadedContent .info .cont-wrap {
		justify-content: center;
	}

	#plan #cboxContent {
		margin-top: 40px;
	}

	#plan #cboxClose {
		background: url(../../img/modal_close.png) top center no-repeat;
		min-width: 23px;
		min-height: 23px;
		top: 25px;
		right: 25px;
	}

	#plan a.pagetop {
		position: fixed;
		right: 65px;
		bottom: 0;
		color: #fff;
		display: block;
		background-color: #767b82;
		padding: 10px;
		display: none;
	}

	#plan #colorbox {
		z-index: 9999;
	}

	.entypo-down-open-mini:before{
		content:'';
		font-family:'entypo',sans-serif;
		position:absolute;
		z-index:1;
		top:50%;
		right:12px;
		right:.75rem;
		margin-top:-8px;
		margin-top:-.5rem;
		font-size:15px;
		line-height:1;
		color:#333;
	}

	#complete .form {
		min-height: 700px;
	}

	/*equipment*/
	#equipment .mv.copy:before {
		display: block;
		content: "";
		position: absolute;
		top: 2px;
		left: 2px;
		background: url(../../img/eq_mv_tgl.png) no-repeat top left;
		background-size: contain;
		width: 680px;
		height: 160px;
	}

	#equipment .mv.ameni.copy:before {
		display: block;
		content: "";
		position: absolute;
		top: 4px;
		left: 4px;
		background: url(../../img/eq_mv_tgl.png) no-repeat top left;
		background-size: contain;
		width: 870px;
		height: 210px;
	}

	#equipment .main-ttl span:last-child {
		padding-bottom: 50px;
		color: #5d626b;
		font-size: 2.4rem;
		opacity: 0;
	}

	#equipment .main-ttl span.show:last-child {
		animation: fadeIn 1.2s ease 0s 1 forwards;
		-webkit-animation: fadeIn 1.2s ease 0s 1 forwards;
	}

	@keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}

	@-webkit-keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}

	#equipment .main-ttl span {
		padding-bottom: 16px;
	}

	#equipment .main-ttl span:last-child {
		padding-bottom: 10px;
	}

	#equipment ul + .mv {
		margin-bottom: 160px;
		background-color: transparent;
	}

	#equipment ul + .mv .sec-ttl {
		color: #5d626b;
		font-size: 2.4rem;
	}

	#equipment ul + .mv .sec-ttl span {
		display: block;
		color: #004e21;
		font-family: 'EB Garamond','Sawarabi Mincho', serif;
		font-size: 1.8rem;
		letter-spacing: .425em;
		text-indent: .425em;
	}

	#equipment .mv.ke h3 {
		color: #0089c3;
		font-size: 2rem;
		padding: 0 20px;
		white-space: nowrap;
	}

	#equipment .mv.ke .cont-wrap {
		justify-content: space-between;
		align-items: stretch;
		background: url(../../img/eq_ke_mv2_bg.png) no-repeat top center;
		background-size: cover;
	}

	#equipment .mv.ke .cont-wrap > div {
		width: 50%;
	}

	#equipment .mv.ke .cont-wrap .left {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	#equipment .mv.ke .cont-wrap .left img {
		margin: 0 auto;
	}

	#equipment .mv.ke .cont-wrap img {
		min-width: auto;
	}

	#equipment .mv.ke .cont-wrap {
		background-color: transparent;
	}

	#equipment .mv.ke ul.cont-wrap {
		flex-wrap: wrap;
		padding: 0;
	}

	#equipment .mv.ke ul.cont-wrap li {
		width: 49%;
		margin-bottom: 10px;
		background-color: #52a6d7;
		padding: 10px;
	}

	#equipment .mv.ke ul.cont-wrap li:nth-child(3),
	#equipment .mv.ke ul.cont-wrap li:nth-child(4) {
		margin-bottom: 0;
	}

	#equipment .mv.ke ul.cont-wrap li p {
		min-width: auto;
		padding: 0;
	}

	#equipment .mv.ke ul.cont-wrap li span {
		display: block;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px solid #fff;
	}

	#equipment .mv.ke ul.cont-wrap li span,
	#equipment .mv.ke ul.cont-wrap li p {
		color: #fff;
	}

	#equipment .mv.sec {
		position: relative;
	}


	#equipment .mv.sec .cont-wrap {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#equipment .mv.sec .cont-wrap img {
		min-width: 920px;
		margin: 0 auto;
		display: block;
	}

	#equipment .mv.sec .cont-wrap p {
		width: 320px;
		margin: 0 auto;
	}

	#equipment .mv.sec h3 {
		font-size: 2rem;
		color: #004e21;
		padding-bottom: 10px;
	}

	#equipment .container > .inner {
		width: 980px;
		margin: 0 auto;
		min-height: 640px;
	}

	#equipment .category {
		display: flex;
		justify-content: center;
		padding-bottom: 22px;
	}

	#equipment .category li a {
		color: #004e21;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 18px;
		border: 1px solid #004e21;
		font-family: "HannariMin",serif;
	}

	#equipment .category li a.off {
		border: 1px solid #767b82;
		color: #767b82;
		pointer-events: none;
		/*opacity: .3;*/
	}

	#equipment .category li:not(:last-child) {
		margin-right: 15px;
	}

	#equipment .category li a.active {
		background: url(../../img/greenber_ct.jpg) no-repeat center;
		background-color: #004e21;
		background-size: cover;
		color: #fff;
	}

	#equipment .sec-ttl {
		color: #004e21;
		font-family: 'EB Garamond','Sawarabi Mincho', serif;
		font-size: 3.2rem;
		text-align: center;
		letter-spacing: .4em;
		text-indent: .4em;
	}

	#equipment .sec-ttl span {
		display: block;
		color: #231815;
		font-size: 1.4rem;
		letter-spacing: 0;
		padding: 10px 0;
	}

	#equipment .sec-ttl:after {
		display: none;
	}

	#equipment .mv.none {
		padding: 0;
	}

	#equipment .mv {
		position: relative;
		padding: 2px;
		background: #014f22;
	}

	#equipment .mv > span {
		position: absolute;
		top: 0;
		left: 0;
		padding: 30px;
		line-height: 1.7;
		color: #003d18;
		font-size: 1.6rem;
	}

	#equipment .mv + ul {
		display: flex;
		flex-wrap: wrap;
		padding: 25px 0 80px;
	}

	#equipment .mv + ul li {
		width: 300px;
		margin: 45px 40px 0 0;
	}

	#equipment .mv + ul.pt2 li {
		width: 470px;
	}

	#equipment .mv + ul.pt2 li:nth-child(3n){
		margin-right: 40px;
	}

	#equipment .mv + ul.pt2 li:nth-child(2n){
		margin-right: 0;
	}

	#equipment #inline-content h3,
	#equipment .mv + ul li a h3 {
		width: 100%;
		font-size: 2.4rem;
		color: #004e21;
		text-align: center;
		padding: 22px 0 12px;
		background: url(../../img/underline.jpg) no-repeat center bottom;
		line-height: 1.3;
	}

	#equipment .mv + ul li a h3.overflow {
		font-size: 2rem;
	}

	#equipment .mv + ul li a p {
		padding-top: 20px;
		font-size: 1.2rem;
		color: #231815;
		line-height: 1.5;
	}

	#equipment .mv + ul li:nth-child(3n){
		margin-right: 0;
	}

	#equipment .colorbox .img {
		overflow: hidden;
		position: relative;
		border: 2px solid #014f22;
	}

	#equipment #inline-content .img {
		position: relative;
	}

	#equipment .colorbox img {
		width: 300px;
		height: 200px;
		margin: 0 auto;
		object-fit: cover;
		object-position: center;
		font-family: "object-fit: cover;object-position: center;";
		background-color: #fff;
	}

	/*画像を枠内全表示(拡大なし)*/
	#equipment .colorbox img.normal {
		object-fit: contain;
		object-position: center;
		font-family: "object-fit: contain;object-position: center;";
	}

	/*セル内余白*/
	#equipment .colorbox img.space {
		padding: 15px;
	}

	#equipment #inline-content .img.comments:after,
	#equipment .colorbox .img.comments:after {
		position: absolute;
		right: 1em;
		bottom: .17em;
		content: "Image Photo";
		font-size: 1.1rem;
		color: #231815;
	}

	#equipment #inline-content.auto .img.comments:after {
		right: 1em;
		bottom: -1.5em;
	}

	#equipment #inline-content .img.comments:after {
		right: 3.75em;
	}

	#equipment #inline-content .img.comments.wht:after,
	#equipment .colorbox .img.comments.wht:after {
		color: #fff;
	}

	#equipment #inline-content .img.comments.ja:after,
	#equipment .colorbox .img.comments.ja:after {
		content: "参考写真";
	}

	#equipment #inline-content .img.comments.ja-i:after,
	#equipment .colorbox .img.comments.ja-i:after {
		content: "参考イラスト";
	}

	#equipment .pt2 .colorbox img {
		width: 470px;
		height: 320px;
	}

	#equipment .mv.pickup {
		width: auto;
		margin: 25px auto 0;
		background: transparent;
	}

	#equipment .mv.pickup a {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#equipment .mv.pickup a h3 {
		font-size: 2rem;
		color: #004e21;
		text-align: center;
		padding: 22px 0 12px;
		background: url(../../img/underline.jpg) no-repeat center bottom;
		line-height: 1.3;
	}

	#equipment .mv.pickup a p {
		padding-top: 20px;
		font-size: 1.2rem;
		color: #231815;
		line-height: 1.5;
	}

	#equipment .mv.pickup .img + div {
		min-width: 300px;
		max-width: 300px;
		margin-left: 30px;
	}

	#equipment .mv.pickup img {
		width: 600px;
		height: auto;
	}

	#equipment .mv.pickup + ul {
		padding-top: 27px;
		margin-top: -45px;
	}

	#equipment .mv .cont-wrap {
		justify-content: space-between;
		align-items: flex-start;
		background-color: #fff;
		padding: 20px 10px;
	}

	#equipment .mv .cont-wrap p {
		min-width: 320px;
		padding: 0 20px;
		color: #231815;
	}

	#equipment .mv .cont-wrap p span {
		display: block;
		padding: 20px 0 10px;
		margin-bottom: 20px;
		font-size: 2.4rem;
		text-align: center;
		color: #004e21;
		background: url(../../img/underline.jpg) no-repeat center bottom;
	}

	#equipment .mv .cont-wrap img {
		min-width: 498px;
		height: auto;
	}

	#equipment #cboxLoadedContent {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#equipment #inline-content {
		padding: 80px 50px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	#inline-content .img img {
		height: 50vmin;
		object-fit: contain;
		object-position: top center;
		font-family: 'object-fit: contain;object-position: top center;';
	}

	#equipment #inline-content img {
		width: 100vmin;
		margin: 0 auto;
		max-width: 700px;
	}

	/*ポップアップセンター*/
	#equipment #inline-content.center img {
		object-fit: contain;
		object-position: center;
		font-family: 'object-fit: contain;object-position: center;';
	}

	/*ポップアップ後拡大なし*/
	#equipment #inline-content.auto img {
		width: 300px;
		height: 200px;
	}

	#equipment #inline-content p {
		width: 460px;
		margin: 0 auto;
		padding: 15px 0 0;
		color: #231815;
		line-height: 1.4;
		font-size: 1.4rem;
	}

	#equipment .attention {
		font-size: 1.1rem;
	}

	#equipment .tabcont {
		margin-bottom: 60px;
	}

	/*Design*/
	#design .main-ttl {
		font-size: 2.4rem;
		letter-spacing: .04em;
		text-indent: .04em;
		padding-top: 30px;
	}

	#design .main-ttl span {
		padding-bottom: 10px;
	}

	#design .main-ttl + p {
		padding: 10px 0 36px;
		text-align: center;
		font-size: 1.4rem;
		letter-spacing: .05em;
		text-indent: .05em;
		line-height: 1.75;
	}

	#design .main-ttl + p,
	#design .container .inner p {
		color: #231815;
	}

	#design .sec-ttl {
		text-align: center;
		color: #5d626b;
		font-size: 2.4rem;
		letter-spacing: .1em;
		text-indent: .1em;
		line-height: 1.8;
		white-space: nowrap;
		padding: 40px 0 0;
		font-family: "HannariMin",serif;
	}

	#design .sec-ttl {
		padding-top: 0;
	}

	#design .sec-ttl:after {
		display: none;
	}

	#design .sec-ttl span {
		display: block;
		color: #004e21;
		font-family: 'EB Garamond','Sawarabi Mincho', serif;
		font-size: 1.8rem;
		letter-spacing: .3em;
		text-indent: .3em;
		padding-bottom: 28px;
	}

	#design .mv {
		position: relative;
	}

	#design .mv:after {
		position: absolute;
		right: 100px;
		bottom: 20px;
		content: "外観完成予想図";
		color: #fff;
		font-size: 1.1rem;
	}

	#design .mv img {
		width: 100%;
		margin: 0 auto;
	}

	#design .landscape {
		width: 1080px;
		margin: 0 auto;
		padding: 0 0 140px;
	}

	#design .landscape .cont-wrap:first-child img {
		margin: 5px 0 0 -50px;
		min-width: 612px;
	}

	#design .landscape .cont-wrap:first-child .right {
		width: 440px;
		padding-top: 136px;
		margin-left: 24px;
	}

	#design .landscape .cont-wrap:first-child .right .sec-ttl {
		letter-spacing: .04em;
		text-indent: .04em;
	}

	#design .landscape .cont-wrap:first-child .right .sec-ttl span {
		padding-bottom: 15px;
	}

	#design .landscape .cont-wrap:last-child {
		justify-content: space-between;
		padding: 0 0 0 50px;
	}

	#design .landscape .cont-wrap:last-child .right {
		position: relative;
		width: 620px;
		min-width: 620px;
		justify-content: space-between;
		padding-left: 10px;
	}

	#design .landscape .cont-wrap:last-child .right img {
		position: absolute;
		bottom: -36px;
		right: -36px;
		width: 430px;
	}

	#design .landscape > .cont-wrap:last-child > .left {
		width: 345px;
	}

	#design .landscape > .cont-wrap:last-child .sec-ttl {
		text-align: left;
		font-size: 2rem;
	}

	#design .landscape > .cont-wrap:last-child .left .sec-ttl {
		letter-spacing: .08em;
	}

	#design .landscape > .cont-wrap:last-child .right .sec-ttl {
		letter-spacing: .125em;
	}

	#design .landscape .cont-wrap p {
		font-size: 1.4rem;
		line-height: 1.75;
	}

	#design .landscape .cont-wrap:last-child .right p {
		padding-top: 10px;
		width: 245px;
	}

	#design .approach {
		position: relative;
		padding: 0 0 50px;
	}

	#design .hall:after,
	#design .approach:after {
		position: absolute;
		top: 50.79vw;
		right: 100px;
		content: "エントランスアプローチ完成予想図";
		color: #fff;
		font-size: 1.1rem;
	}

	#design .hall {
		position: relative;
		padding: 0 0 25px;
	}

	#design .hall:after {
		top: 52.79vw;
		content: "エントランスホール完成予定図";
	}

	#design .hall .sec-ttl,
	#design .approach .sec-ttl {
		padding-top: 20px;
		line-height: 1.5;
	}

	#design .hall .sec-ttl span {
		padding-bottom: 15px;
	}

	#design .approach .sec-ttl span {
		padding-bottom: 15px;
	}

	#design .hall img,
	#design .approach img {
		width: 100%;
		margin: 0 auto;
	}

	#design .hall p,
	#design .approach p {
		text-align: center;
		line-height: 1.75;
		font-size: 1.4rem;
	}

	#design .corridor {
		width: 980px;
		margin: 0 auto 110px;
	}

	#design .corridor .cont-wrap {
		justify-content: center;
	}

	#design .corridor img {
		min-width: 655px;
		padding-right: 25px;
		margin: 0 0 0 -150px;
	}

	#design .corridor .left {
		position: relative;
	}

	#design .corridor .left:after {
		position: absolute;
		right: 55px;
		bottom: 20px;
		content: "内廊下完成予想図";
		font-size: 1rem;
		color: #fff;
	}

	#design .corridor .right {
		width: 455px;
		padding: 160px 0 0 10px;
	}

	#design .corridor .right p {
		font-size: 1.4rem;
		line-height: 1.6;
		letter-spacing: .05em;
	}

	#design .attention {
		width: 980px;
		display: block;
		margin: 0 auto 10px;
		text-align: left;
		font-size: 1.1rem;
	}

	#nav .map {
		display: block;
		margin: 48px auto;
	}

	#nav .map + h3 {
		font-size: 2.9rem;
		text-align: center;
		padding-bottom: 32px;
	}

	/*model*/
	#model .bx-viewport,
	#model .bx-wrapper {
		margin-bottom: 0!important;
		box-shadow: none!important;
		border: none!important;
	}

	#model .model-mv {
		width: 100vw;
		height: 59.375vw;
		overflow: hidden;
		background-color: #000000;
	}

	#model .model-mv ul li img {
		background-color: #000000;
	}

	#model .model-mv ul li span {
		position: absolute;
		right: 48px;
		bottom: 38px;
		color: #fff;
		font-size: 3.6rem;
		font-family: 'EB Garamond','Sawarabi Mincho', serif;
		text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.8);
	}

	#model .thumb-wrap {
		background-color: #868990;
	}

	#model .thumb-wrap ul {
		max-width: 955px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 86px;
		background-color: #868990;
	}

	#model .thumb-wrap ul li:not(:last-child) {
		margin-right: 7px;
	}

	#model .slider img {
		width: 100vw;
		height: 59.375vw;
		margin: 0 auto;
		object-fit: contain;
		object-position: center;
		font-family: "object-fit: contain;object-position: center;";
	}

	#model .thumb img {
		opacity: .2;
	}

	#model .thumb .active img {
		opacity: 1;
	}

	#model .main-ttl {
		padding: 56px 0 30px;
	}

	#model .main-ttl span:first-child {
		font-size: 3.5rem;
		line-height: 1;
		letter-spacing: .2em;
		text-indent: .2em;
		padding-bottom: 20px;
	}

	#model .main-ttl span:last-child {
		color: #5d626b;
		letter-spacing: .18em;
		text-indent: .18em;
		font-size: 2.1rem;
		padding-bottom: 0;
	}

	#model .thumb {
		width: 100%;
		background-color: #868990;
	}

	#model .thumb li {
		max-width: 80px;
		display: inline-block;
	}

	#model .thumb li a {
		display: block;
	}

	#model .container > .inner {
		width: 980px;
		margin: 0 auto;
	}

	#model .container > .inner .storage {
		padding: 90px 0 75px;
	}

	#model .container > .inner .color {
		padding: 0 0 90px;
	}

	#model .container > .inner .sec-ttl {
		letter-spacing: .2em;
		font-size: 1.6rem;
	}

	#model .container > .inner .storage .sec-ttl {
		font-style: oblique;
		margin-bottom: 25px;
	}

	#model .container > .inner .color .sec-ttl {
		font-style: oblique;
		margin-bottom: 18px;
		font-family: 'EB Garamond','Sawarabi Mincho', serif;
	}

	#model .container > .inner h3 {
		color: #5d626b;
		font-size: 2.4rem;
		line-height: 1.7;
		margin-bottom: 25px;
		letter-spacing: .05em;
	}

	#model .container > .inner p {
		color: #231815;
		font-feature-settings: "palt";
		font-size: 1.4rem;
		letter-spacing: .05em;
		line-height: 1.75;
	}

	#model .container > .inner ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 30px;
	}

	#model .container > .inner ul li {
		position: relative;
	}

	#model .container > .inner ul li span {
		position: absolute;
		font-family: 'EB Garamond','Sawarabi Mincho', serif;
		color: #fff;
		top: 10px;
		left: 10px;
		font-size: 2.4rem;
	}

	#model .container > .inner .attention {
		display: block;
		text-align: left;
		margin-bottom: 78px;
	}

	/*フォーム*/
	.form .form-group .cell:nth-child(2) {
		flex-wrap: wrap;
	}

	.form .form-group .cell input[type=radio]{
		min-width: 30px;
		vertical-align:middle;
	}

	.form .form-group .cell input[type=checkbox]{
		min-width: 30px;
		vertical-align:middle;
	}

	.form .form-group .cell:nth-child(2){
		display: flex;
	}

	.form .form-group .cell input[type=radio]{
		display: inline;
		width: 25px;
		height: 25px;
	}


	.form .form-group .cell label{
		display: flex;
		width: 100%;
		align-items: center;
	}

	.form .form-group .cell input[type=checkbox]{
		display: inline;
		width: 25px;
		height: 25px;

	}

	.form .form-group .cell label span{
		display: block;
	}

	.select-wrap{
		position:relative;
		overflow:hidden;
		display:inline-block;
		min-width:192px;
		min-width:12em;
		background-color:#ffffff;
		background-image:-webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
		background-image:linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
		border:1px solid #c0c0c0;
		color:#333;
	}

	.select-wrap select{
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		position:relative;
		z-index:2;
		display:block;
		width:200%;/* fallback non calc support */
		width:-webkit-calc(100% + 5em);
		margin:0;
		padding:11px 35px 11px 11px;
		padding:.6875rem 2.1875rem .6875rem .6875rem;
		background:transparent;
		border:0;
		outline:none;
		font-size:15px;
		line-height:1.5;
	}

	/*現場進捗*/
	#report .main-ttl {
		padding: 35px 0 0;
	}

	#report .main-ttl span {
		font-size: 3.2rem;
		padding-bottom: 33px;
	}

	#report .container .main-ttl + .inner {
		width: 1080px;
		margin: 0 auto;
		padding-bottom: 120px;
	}

	#report .container .main-ttl + .inner .reportbox {
		position: relative;
	}

	#report .container .main-ttl + .inner .reportbox:not(:nth-child(1)) {
		margin-top: 75px;
	}

	#report .container .main-ttl + .inner .reportbox:after {
		position: absolute;
		left: 50%;
		bottom: 0;
		content: "";
		display: block;
		width: 800px;
		height: 1px;
		background: #004e21;
		margin-left: -400px;
	}

	#report .container .main-ttl + .inner .cont-wrap {
		-webkit-align-items: center;
		align-items: center;
	}

	#report .container .main-ttl + .inner .cont-wrap .text {
		width: 570px;
		padding: 10px 0 10px 45px;
	}

	#report .container .main-ttl + .inner .cont-wrap .text p {
		font-size: 2rem;
	}

	#report .container .main-ttl + .inner .cont-wrap .date {
		display: block;
		text-align: right;
		font-size: 1.6rem;
		margin-bottom: 30px;
	}

	#report .container .main-ttl + .inner .capture {
		font-size: 1.6rem;
		display: block;
		text-align: center;
		margin-top: .5em;
	}

	#report .container .main-ttl + .inner ul {
		padding: 20px 0 75px;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}

	#report .container .main-ttl + .inner ul .capture {
		margin-top: .25em;
	}

	#report .container .main-ttl + .inner ul li:not(:nth-child(4n)) {
		margin-right: 15px;
	}

	#report .container .main-ttl + .inner ul li,
	#report .container .main-ttl + .inner ul li img {
		max-width: 258px;
	}

	#report .container .main-ttl + .inner .reportbox .img,
	#report .container .main-ttl + .inner .reportbox .img img {
		max-width: 490px;
	}

	

	.freedial {
		text-align: center;
	}

	.freedial img {
		margin: 0 auto;
	}

	/*ビデオページ*/
	#video-wrapper {
		position: relative;
		height: 100vh;
		width: 100%;
		background: #000000;
		overflow: hidden;
	}

	#video-wrapper iframe {
		width: 100%;
		min-height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
	}

	#colorbox {
		z-index: 9999;
	}

	/*プレミアムページ*/
	#premiumfloor {
		background: url(../../img/premium_inner_bg.png) top center no-repeat,url(../../img/premium_bg.png) top center repeat-x;
		-webkit-background-size: auto 100%;
		     -o-background-size: auto 100%;
		        background-size: auto 100%;
	}

	#premiumfloor header + .inner {
		width: 100%;
		margin: 0 auto;
	}

	#premiumfloor .page-ttl {
		background: url(../../img/premium_page_ttl_bg.png) top -30px center no-repeat;
		-webkit-background-size: 100% 100%;
		     -o-background-size: 100% 100%;
		        background-size: 100% 100%;
		        background-size: 100% 100%;
		        margin-top: -120px;
		        padding: 178px 0 230px;
		        text-align: center;
	}

	#premiumfloor .page-ttl img {
		margin: 0 auto;
		width: 312px;
	}

	#premiumfloor .page-ttl .type-ttl img {
		width: 500px;
		padding-top: 32px;
	}

	#premiumfloor .page-ttl .type-ttl img + img {
		padding-top: 12px;
		width: 260px;
	}

	#premiumfloor .page-ttl span {
		display: block;
		padding-top: 10px;
		font-size: 1.4rem;
	}

	#premiumfloor .page-ttl h2 {
		padding-top: 32px;
		font-size: 2.6rem;
		letter-spacing: .02em;
		text-indent: -.02em;
	}

	#premiumfloor section {
		background-color: transparent;
	}

	#premiumfloor section + section {
		position: relative;
		width: 100%;
		height: 800px;
	}

	#premiumfloor section + section:after {
		content: "";
		display: block;
		position: absolute;
		background: url(../../img/premium_sec_bg.png) top center no-repeat;
		-webkit-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		width: 1500px;
		height: 808px;
		top: 0;
		left: 50%;
		margin-left: -750px;
		z-index: -1;
	}

	#premiumfloor section + section .inner {
		width: 780px;
		margin: 0 auto;
		text-align: center;
	}

	#premiumfloor section + section .inner img {
		margin: 0 auto;
	}

	#premiumfloor section + section .inner h3 {
		font-size: 2.4rem;
		letter-spacing: .24em;
		/* text-indent: -.22em; */
		font-feature-settings: "palt";
		padding-top: 24px;
	}

	#premiumfloor section + section .inner p {
		padding-top: 8px;
	}

	#premiumfloor h2.sec-ttl  {
		font-size: 3.2rem;
		text-align: center;
	    letter-spacing: .35em;
     	/*text-indent: -.35em;*/
		line-height: 1;
		margin-bottom: 26px;
		font-feature-settings: "palt";
	}

	#premiumfloor h2.sec-ttl:after {
		display: none;
	}

	#premiumfloor .type-layout {
		position: relative;
		width: 100%;
	}

	/*タイプE1*/
	#premiumfloor .type-e1 .type-layout {
		height: 580px;
	}

	#premiumfloor .type-layout .inner {
		position: relative;
		width: 1140px;
		margin: 0 auto;
		height: 100%;
	}

	#premiumfloor .type-e1 .type-layout .img {
		position: absolute;
		top: 0;
		left: 50%;
		margin: -52px 0 0 -280px;
		z-index: 2;
	}

	#premiumfloor .type-e1 .type-layout .img img {
		width: 640px;
	}

	#premiumfloor .type-layout .comment img {
		position: absolute;
		z-index: 2;
	}

	#premiumfloor .type-e1 .comment img:nth-child(1) {
		width: 388px;
		top: -20px;
		left: 38px;
	}

	#premiumfloor .type-e1 .comment img:nth-child(2) {
		width: 494px;
		top: 212px;
		left: -20px;
	}

	#premiumfloor .type-e1 .comment img:nth-child(3) {
		width: 370px;
		bottom: -34px;
		left: 52px;
	}

	#premiumfloor .type-e1 .comment img:nth-child(4) {
		width: 542px;
		top: -70px;
		right: 38px;
	}

	#premiumfloor .type-e1 .comment img:nth-child(5) {
		width: 690px;
		top: 214px;
		right: -10px;
	}

	#premiumfloor .type-e1 .comment img:nth-child(6) {
		width: 526px;
		bottom: -34px;
		right: -30px;
	}

	#premiumfloor .info .cont-wrap {
		justify-content: flex-end;
	}

	#premiumfloor .info .cont-wrap span {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #797a7a;
		font-size: 1rem;
		white-space: nowrap;
	}

	#premiumfloor .info {
		width: 590px;
		position: relative;
		margin: -42px 0 0 0;
		padding: 0 85px 22px 0;
	}

	#premiumfloor .attention {
		position: absolute;
		bottom: 0;
		right: 58px;
		display: block;
		font-size: 1rem;
		transform: scale(.9);
		margin: 0;
	}

	#premiumfloor .info .cont-wrap span:first-child:before {
		margin-left: 0;
	}

	#premiumfloor .info .cont-wrap span:before {
		display: inline-block;
		content: "";
		width: 34px;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-left: 14px;
	}

	#premiumfloor .info .cont-wrap span:nth-child(1):before {
		background-image:  url(../../img/plan_info_01.png);
	}

	#premiumfloor .info .cont-wrap span:nth-child(2):before {
		background-image:  url(../../img/plan_info_02.png);
	}

	#premiumfloor .info .cont-wrap span.sic:before {
		content: "SIC";
		margin-left: 0;
	}

	#premiumfloor .info .cont-wrap span.wic:before {
		content: "WIC";
		margin-left: 0;
	}

	#premiumfloor .type-e1 .comment {
		display: none;
	}

	#premiumfloor .type-e1 .comment.show {
		display: block;
	}

	#premiumfloor .e1-clavis {
		margin-top: 48px;
		padding-top: 200px;
	}

	#premiumfloor .e1-crystar {
		margin-top: -100px;
		padding-top: 200px;
		height: 890px;
		z-index: -2;
	}

	#premiumfloor .e1-crystar h2.sec-ttl {
		margin-bottom: 44px;
	}

	#premiumfloor .e1-crystar:after {
		background: url(../../img/premium_e1_crystar_bg.png) top center no-repeat;
		-webkit-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		margin-top: -10px;
		width: 1780px;
		height: 978px;
		top: 0;
		left: 50%;
		margin-left: -890px;
	}

	#premiumfloor .e1-crystar img {
		width: 700px;
	}

	#premiumfloor section + section.e1-crystar .inner p + img {
		margin-top: 10px;
		width: 177px;
	}

	#premiumfloor .comment p {
		display: none;
	}

	#premiumfloor footer {
		position: relative;
		z-index: 2;
		background: rgba(255,255,255,.58);
	}
/* Localized */


.top_img img{width: 100%;margin: 0;display: block}

.top_txt{font-size: 28px;
text-align: center;
margin-top: 30px}


.s1 {
	color: #231815;
	font-size: 24px;
	display: flex;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 30px
}
.s1:before, .s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.s1:before {
	margin-right: .4em;
}
.s1:after {
	margin-left: .4em;
}

.bt_main{
top: 10px;
right: 0px;
margin: 0px auto ;
	text-align: center;
	width: 100%;
	max-width: 800px
}

.bt_main ul{margin:0px auto 10px;
text-align: center;
display: inline-block}

@media (max-width: 980px) {
	
	img.bt_illust{display: none}
	
	.top_img{margin: 0;padding: 0}
	
		.box_loca .attention_l {
		font-size: 2rem;
		text-align: left;
		line-height: 1.2em;
		margin: 5px 0;
		color: #000;
	}

	
.bt_main ul li{width: 100%;
max-width: 275px;
float: none;
	margin: 0 10px 10px}}

@media (min-width: 981px) {
	
	img.bt_illust{position: absolute;
	width: 13%;
	left: 33.4%;
	bottom: 11.7%;}
	
	.top_img{margin: 0;padding:120px 0 0;
	position: relative;}

		.box_loca .attention_l {
		font-size: 1.3rem;
		text-align: left;
		line-height: 1.2em;
		margin: 5px 0;
		color: #000;
			
	}

	
.bt_main ul li{width: 100%;
max-width: 320px;
float: left;
	margin: 0 10px}}


.bt_main2 {text-align: center}

.bt_main2 ul li{width: 100%;
max-width: 328px;
	display: inline-block;
	margin: 0 auto}



.bt_main2 ul{display: inline-block;
	margin: 0 auto}



.bt_main ul li img{width: 100%;margin: auto}


.bt_main2 ul li img{width: 100%;margin: auto;max-width: 100%}

 li .link {	opacity: 1;transition: all 0.3s linear;

}

 li .link:hover {	opacity: 1;transition: all 0.3s linear;
	border-bottom: solid 3px #000;

}



form#mail_form .number #postal{width: 40%;float: left}

form#mail_form .number a{margin-top: 0px}

.mt5_pc{margin-top: 10px}

.mb10{margin-bottom: 10px}

.finish_txt{text-align: center}

.bt_topback{text-align: center;
margin: 50px auto 50px}

.bt_topback a{background-color:#003968;
color: #fff;padding: 10px 25px;
	font-size: 20px;
	    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

.coppy_box{background-color: #000;
	text-align: center;
width: 100%;}

.coppy_box p{color: #fff;
	text-align: right;
padding: 10px 0;
max-width: 1000px;
font-size: 12px;
margin: 0 auto}

.header_up{width: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/*動画*/

@media (max-width: 980px) {
	
	.galley img{
	width: 100%;
	margin-top: 20px}
	
	
.top_txt_box{padding-top:0px}
	
		.plan_box .attention_r {
		font-size: 2rem;
		text-align: right;
		margin: 5px 0;
		color: #000;
	}
	
#movie_test video {
  width: 90vw;
  height: auto;
  display: inline-block;
	margin: auto;
	padding-left: 7%
		
	}


	.title_lo{font-size: 2rem;
		line-height: 1.3em;
	border-bottom: solid 1px #000;
	margin-bottom: 20px}
	

	
		.title_lo2{font-size: 2.5rem;
	margin-bottom: 10px}
	
	.lo_txt{font-size: 2rem;}

}
span.shibuya{font-size: 200%;
	color: #005BAB}

	span.shimokita{font-size: 200%;
	color: #913284}

	span.kichijoji{font-size: 200%;
	color: #008337}
@media (min-width: 981px) {
	
	
	.galley img{max-width: 325px;
	width: 100%;
	margin-top: 20px}
	
	.title_lo{font-size: 2.7rem;
	border-bottom: solid 1px #000;
	margin-bottom: 20px}
	
	
	
	
.top_txt_box{padding-top: 120px}
	
	
		.title_lo2{font-size: 1.8rem;
	margin-bottom: 10px}
	
#movie_test video {
  width: 80vw;
  height: auto;
  display: inline-block;
	margin: auto
		
	}}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;padding: 30px 0}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;text-align: center; margin: auto}


	
@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity=90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;display: none}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;display: none}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;display: none}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left; display: none;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;display: none}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;display: none}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;display: none}
    #cboxContent{/*background:#fff;*/ overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C; display: none !important;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow{display: none}
#cboxClose {position: absolute;
border: none;
		width: 20px;
		height: 20px;
		top: 0px;
		right: 25px;
background: url(images/controls.png) ;
  opacity: 0;    
background-position: 0 0;
	background-size:cover;
z-index: 9999;

text-indent: -9999px;
 -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: 0px 0px;}
        /*#cboxPrevious:hover{background-position:-51px 0px;}*/
        #cboxNext{left:27px; background-position:-25px 0px;}
        /*#cboxNext:hover{background-position:-75px 0px;}*/
        #cboxClose{right:0; background-position: 0;}
        /*#cboxClose:hover{background-position:-100px 0px;}*/

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

.contents_top ul li img{width: 100%}

.contents_top ul li {margin: 10px 0}


/*デザイン*/

#design .border {

border-bottom: 1px solid #000000;
}

#design .key{text-align: center;
	width: 100%;
	margin: 0;
}

#design .key img{width: 20%;
	margin-top: 50px;
	display: inline-block;
	max-width: 157px;	padding-bottom: 10px
}


#design .key2{text-align: center;
	}

.key2 img{width: 40%;
display: inline-block;
	max-width: 140px;	padding-bottom: 10px
}


#design .key3{text-align: center;
	width: 100%;
	margin: 50px 0 0;
}

#design .key3 img{width: 20%;
	margin-top: 0px;
	display: inline-block;
	max-width: 144px;
	padding-bottom: 10px
}


#design .img_box{text-align: center;
	margin: 1.5vw 0 0}
	
		.img_box img{width: 100%}
	

#design .word{
	font-size: 27px;
	text-align: center;
	margin:25px 0 25px}

#design .word_s{font-size: 2rem;
	line-height: 25px;
	margin: 1vw 0 ;
	}

#design .word_m{font-size: 17px;
	line-height: 35px;
	text-align: center;
	margin:20px 0 100px 0;
}

#design .word_m2{font-size: 2rem;
	line-height: 35px;
	text-align: left;
	margin:20px 0 100px 0;
}

.txt_left{text-align: left}

.txt_center{text-align: center}


#design .word_l{font-size: 17px;
	line-height: 35px;
	margin:20px 0 50px 0;
	text-align: center
}


#design .left{
	float:left;
	width:49%;}

#design .right{
	float:right;
	width:49%;}

#design .attention_r {
		font-size: 1rem;
		text-align: right;
		margin: 5px 0;
		color: #000;
	}

/*デザイン 終*/


/*コンセプト*/

#concept .consept_top{max-width: 1000px;
margin: auto;
}


#concept .bk{
margin-top: 0px;
padding: 60px 20px;
background-color: #1086AD;
	text-align: center;
width: 100%;
height:auto}


#concept .left{
	float:left;
	text-align: center;
	width:50%;}



#concept .right{
	float:right;
	padding: 60px 0 0 2%;
	width:43%;;
text-align: left}



#concept .right p{
font-size: 17px;
line-height: 2.3em;
color: #FFFFFF;
	
}

#concept .title{max-width: 950px;width: 100%;padding: 0;margin:80px auto 100px;position: relative}

#concept .title img{max-width: 950px;
	width: 100%;
margin: auto}

#concept .botan{position: absolute;
 top: 85%; 
right: 3%;
width: 22%;
}

.center{text-align: center}

a.tel{color: #000}


.bt_eq {max-width: 1020px;
margin: 0px auto 50px;
padding-top: 150px}

.bt_eq ul li{list-style: none;
float: left;
	width: 15.8333333%;
	margin-right: 1%
}

.bt_eq ul li:nth-child(6){margin-right: 0}

@media (max-width: 980px) {
	
.bt_eq ul li a{border: solid 1px #399BBE;	font-size: 4.5vw;
display: block;
text-align: center;
padding: 5px;
	color:  #399BBE;}}

@media (min-width: 981px) {
	
.bt_eq ul li a{border: solid 1px #399BBE;	font-size:1.1vw;
display: block;
text-align: center;
padding: 5px;
	color:  #399BBE;}}

.bt_eq ul li a:hover{color: #fff;
background-color: #399BBE;}

.bt_eq ul li a.active{color: #fff;
background-color: #399BBE;}