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

.page-header span.cover{
	background-image: url("../img/features_top.webp");
}

/*//////////----- FEATURES（東京躯体の特徴）PAGE -----//////////*/

#features div.content-child{
	box-sizing: border-box;
	padding:30px 15px;
}

@media only screen and (min-width: 960px){
	
	#features div.content-child{
		padding:80px 15px;
	}
	
}

/*//////////----- FEATURES-PHILOSOPHY -----//////////*/

#features-philosophy{
	background-color:#fafafa;
	color:#212121;
	
	width:100%;
}

#features-philosophy header.child-header{
	text-align: left;
}

@media only screen and (min-width: 960px){
	
	#features-philosophy header.child-header{
		text-align: center;
	}
	
	#features-philosophy header.child-header h3:before{
		left:0;
		right:0;
		
		margin:0 auto;
	}
	
}

#features-philosophy div.statement{
	margin-bottom:30px;
}

#features-philosophy div.statement p{
	font-size:2.2rem;
	line-height:1.0em;
	
	margin-bottom:5px;
	
	text-align: left;
}

#features-philosophy div.statement p span.note{
	display:inline-block;
	
	background-color:#fff;
	color:#212121;
	
	box-sizing: border-box;
	padding:2.5px 5px 7.5px;
}

#features-philosophy div.statement p span.note strong{
	color:#ff934c;
}

@media only screen and (min-width: 960px){
	
	#features-philosophy div.statement{
		margin-bottom:60px;
	}
	
	#features-philosophy div.statement p{
		font-size:2.2rem;
		line-height:1.0em;
		
		margin-bottom:10px;
		
		text-align: center;
	}
	
	#features-philosophy div.statement p span.note{
		padding:7.5px 10px 12.5px;
	}
	
}

#features-philosophy div.content-inner div.wrap{
	width:100%;
	margin:0 auto;
	max-width: 1440px;
	
	/*background-color:#eee;*/
	
	overflow: hidden;
}

#features-philosophy div.content-twin{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 960px;
}

#features-philosophy div.content-twin div.content-twin-child{
	width:100%;
}

#features-philosophy div.text{
	width:100%;
	
	margin-bottom:30px;
}

#features-philosophy div.text p{
	font-size:1.6rem;
	line-height:30px;
}

#features-philosophy div.text p br{
	display:none;
}

#features-philosophy div.detail h6{
	font-size:1.8rem;
	line-height:60px;
	font-weight:700;
	
	box-sizing: border-box;
	padding-left:35px;
	position: relative;
}

#features-philosophy div.detail h6:before{
	display:block;
	content:"";
	
	width:12.5px;
	height:7.5px;
	
	position: absolute;
	top:0;
	bottom:0;
	left:15px;
	
	margin:auto 0;
	
	background:linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	
	transform:skewX(-30deg);
}

#features-philosophy div.detail ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	box-sizing: border-box;
	padding:0 20px;
}

#features-philosophy div.detail ul li{
	font-size:1.8rem;
	line-height:60px;
	font-weight:700;
}

#features-philosophy div.detail ul li:nth-child(1){
	box-sizing: border-box;
	padding-right:10px;
}

#features-philosophy div.detail ul li:nth-child(2){
	box-sizing: border-box;
	padding-left:10px;
}

#features-philosophy div.detail ul li a{
	display:block;
	width:160px;
	
	text-align: center;
	
	background:linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	
	color:#fff;
	
	transform:skewX(-20deg);
	
	transition: 0.25s;
}

#features-philosophy div.detail ul li:nth-child(1) a{
	width:150px;
}

#features-philosophy div.detail ul li:nth-child(2) a{
	width:130px;
}

#features-philosophy div.detail ul li a:hover{
	opacity: 0.5;
	text-decoration: none;
}

#features-philosophy div.detail ul li a span.note{
	display:block;
	
	transform:skewX(20deg);
}

#features-philosophy p.thumbnail{
	width:100%;
}

#features-philosophy p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

@media only screen and (min-width: 960px){
	
	#features-philosophy div.content-twin div.content-twin-child:nth-child(1){
		width:540px;
		
		order: 2;
		
		box-sizing: border-box;
		padding-left:50px;
	}
	
	#features-philosophy div.content-twin div.content-twin-child:nth-child(2){
		width:calc(100% - 540px);
		
		order: 1;
		
		position: relative;
	}
	
	#features-philosophy div.text p{
		font-size:0.8rem;
		line-height:35px;
	}
	
	#features-philosophy div.text p br{
		display:block;
	}
	
	#features-philosophy div.detail h6{
		font-size:0.9rem;
		line-height:50px;
		
		padding-left:55px;
		
		margin-top:30px;
		margin-bottom:15px;
	}
	
	#features-philosophy div.detail h6:before{
		width:15px;
		height:10px;
		
		left:30px;
	}
	
	#features-philosophy div.detail ul li{
		font-size:1.1rem;
		line-height:70px;
	}
	
	#features-philosophy div.detail ul li:nth-child(1) a{
		width:200px;
	}
	
	#features-philosophy div.detail ul li:nth-child(2) a{
		width:160px;
	}
	
	#features-philosophy p.thumbnail{
		position: absolute;
		top:0;
		right:0;
		
		width:620px;
	}
}

/*//////////----- FEATURES-WORKS -----//////////*/

#features-works{
	background-color:#fafafa;
	color:#212121;
	
	width:100%;
	
	overflow: hidden;
}

#features-works div.statement{
	width:100%;
	margin:0 auto;
	max-width: 960px;
	margin-bottom:30px;
}

#features-works div.statement p{
	font-size:2.2rem;
	line-height:1.0em;
	
	margin-bottom:5px;
	
	text-align: left;
}

#features-works div.statement p span.note{
	display:inline-block;
	
	background-color:#fff;
	color:#212121;
	
	box-sizing: border-box;
	padding:2.5px 5px 7.5px;
}

#features-works div.statement p span.note strong{
	color:#ff934c;
}

@media only screen and (min-width: 960px){
	
	#features-works div.statement{
		margin-bottom:60px;
		
		padding-bottom:180px;
		
		position: relative;
	}
	
	#features-works div.statement p{
		font-size:2.2rem;
		line-height:1.0em;
		
		margin-bottom:10px;
		
		position: absolute;
		left:0;
	}
	
	#features-works div.statement p:nth-child(1){
		top:20px;
		
		z-index: 10;
	}
	
	#features-works div.statement p:nth-child(2){
		top:100px;
		
		z-index: 10;
	}
	
	#features-works div.statement p span.note{
		padding:7.5px 10px 12.5px;
	}
	
}

#features-works div.content-inner div.wrap{
	width:100%;
	margin:0 auto;
	max-width: 1440px;
	
	/*background-color:#eee;*/
	
	/*overflow: hidden;*/
	
	/*background-image: url("../images/features/works-p.webp");
	background-repeat: no-repeat;
	background-size:640px;
	background-position: top right;*/
}

#features-works div.content-twin{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 960px;
}

#features-works div.content-twin div.content-twin-child{
	width:100%;
}

#features-works div.text{
	width:100%;
	
	margin-bottom:30px;
}

#features-works div.text p{
	font-size:1.6rem;
	line-height:30px;
}

#features-works div.text p br{
	display:none;
}

#features-works div.detail h6{
	font-size:1.8rem;
	line-height:60px;
	font-weight:700;
	
	box-sizing: border-box;
	padding-left:35px;
	position: relative;
}

#features-works div.detail h6:before{
	display:block;
	content:"";
	
	width:12.5px;
	height:7.5px;
	
	position: absolute;
	top:0;
	bottom:0;
	left:15px;
	
	margin:auto 0;
	
	background:linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	
	transform:skewX(-30deg);
}

#features-works div.detail ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	box-sizing: border-box;
	padding:0 20px;
}

#features-works div.detail ul li{
	font-size:1.8rem;
	line-height:60px;
	font-weight:700;
}

#features-works div.detail ul li:nth-child(1){
	box-sizing: border-box;
	padding-right:10px;
}

#features-works div.detail ul li:nth-child(2){
	box-sizing: border-box;
	padding-left:10px;
}

#features-works div.detail ul li a{
	display:block;
	width:160px;
	
	text-align: center;
	
	background:linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	
	color:#fff;
	
	transform:skewX(-20deg);
	
	transition: 0.25s;
}

#features-works div.detail ul li a:hover{
	opacity: 0.5;
	text-decoration: none;
}

#features-works div.detail ul li a span.note{
	display:block;
	
	transform:skewX(20deg);
}

#features-works p.thumbnail{
	width:100%;
}

#features-works p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

@media only screen and (min-width: 960px){
	
	#features-works div.content-twin div.content-twin-child:nth-child(1){
		width:560px;
		
		order: 1;
	}
	
	#features-works div.content-twin div.content-twin-child:nth-child(2){
		width:calc(100% - 560px);
		
		order: 2;
		
		position: relative;
	}
	
	#features-works div.text p{
		font-size:0.8rem;
		line-height:35px;
	}
	
	#features-works div.text p br{
		display:block;
	}
	
	#features-works div.detail h6{
		font-size:0.9rem;
		line-height:50px;
		
		padding-left:55px;
		
		margin-top:30px;
		margin-bottom:15px;
	}
	
	#features-works div.detail h6:before{
		width:15px;
		height:10px;
		
		left:30px;
	}
	
	#features-works div.detail ul li{
		font-size:1.1rem;
		line-height:70px;
	}
	
	#features-works div.detail ul li a{
		width:220px;
	}
	
	#features-works p.thumbnail{
		position: absolute;
		top:-420px;
		left:0;
		
		width:640px;
	}
}

/*//////////----- FEATURES-CHALLENGE -----//////////*/

#features-challenge{
	background-color:#fafafa;
	color:#212121;
	
	width:100%;
}

#features-challenge header.child-header{
	text-align: left;
}

@media only screen and (min-width: 960px){
	
	#features-challenge header.child-header{
		text-align: left;
	}
	
}

#features-challenge div.statement{
	margin-bottom:30px;
}

#features-challenge div.statement p{
	font-size:2.2rem;
	line-height:1.0em;
	
	margin-bottom:5px;
	
	text-align: left;
}

#features-challenge div.statement p span.note{
	display:inline-block;
	
	background-color:#fff;
	color:#212121;
	
	box-sizing: border-box;
	padding:2.5px 5px 7.5px;
}

#features-challenge div.statement p span.note strong{
	color:#ff934c;
}

@media only screen and (min-width: 960px){
	
	#features-challenge div.statement{
		margin-bottom:60px;
		
		padding-bottom:160px;
		
		position: relative
	}
	
	#features-challenge div.statement p{
		font-size:2.2rem;
		line-height:1.0em;
		
		margin-bottom:10px;
		
		text-align: left;
	}
	
	#features-challenge div.statement p:nth-child(1){
		position: absolute;
		left:0;
		top:20px;
		
		z-index: 10;
		
		width:640px;
	}
	
	#features-challenge div.statement p:nth-child(2){
		position: absolute;
		left:0;
		top:100px;
		
		z-index: 10;
		
		width:640px;
	}
	
	#features-challenge div.statement p span.note{
		padding:7.5px 10px 12.5px;
	}
	
}

#features-challenge div.content-inner div.wrap{
	width:100%;
	margin:0 auto;
	max-width: 1440px;
	
	/*background-color:#eee;*/
	
	overflow: hidden;
}

#features-challenge div.content-twin{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 960px;
}

#features-challenge div.content-twin div.content-twin-child{
	width:100%;
}

#features-challenge div.text{
	width:100%;
	
	margin-bottom:30px;
}

#features-challenge div.text p{
	font-size:1.6rem;
	line-height:30px;
}

#features-challenge div.text p br{
	display:none;
}

#features-challenge div.detail h6{
	font-size:1.8rem;
	line-height:60px;
	font-weight:700;
	
	box-sizing: border-box;
	padding-left:35px;
	position: relative;
}

#features-challenge div.detail h6:before{
	display:block;
	content:"";
	
	width:12.5px;
	height:7.5px;
	
	position: absolute;
	top:0;
	bottom:0;
	left:15px;
	
	margin:auto 0;
	
	background:linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	
	transform:skewX(-30deg);
}

#features-challenge div.detail ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	box-sizing: border-box;
	padding:0 20px;
}

#features-challenge div.detail ul li{
	font-size:1.8rem;
	line-height:60px;
	font-weight:700;
}

#features-challenge div.detail ul li:nth-child(1){
	box-sizing: border-box;
	padding-right:10px;
}

#features-challenge div.detail ul li:nth-child(2){
	box-sizing: border-box;
	padding-left:10px;
}

#features-challenge div.detail ul li a{
	display:block;
	width:160px;
	
	text-align: center;
	
	background:linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(left, #ff934c 0%, #fc686f 100%);
	
	color:#fff;
	
	transform:skewX(-20deg);
	
	transition: 0.25s;
}

#features-challenge div.detail ul li:nth-child(1) a{
	width:150px;
}

#features-challenge div.detail ul li:nth-child(2) a{
	width:130px;
}

#features-challenge div.detail ul li a:hover{
	opacity: 0.5;
	text-decoration: none;
}

#features-challenge div.detail ul li a span.note{
	display:block;
	
	transform:skewX(20deg);
}

#features-challenge p.thumbnail{
	width:100%;
}

#features-challenge p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

@media only screen and (min-width: 960px){
	
	#features-challenge div.content-twin div.content-twin-child:nth-child(1){
		width:540px;
		
		order: 2;
		
		box-sizing: border-box;
		padding-left:50px;
	}
	
	#features-challenge div.content-twin div.content-twin-child:nth-child(2){
		width:calc(100% - 540px);
		
		order: 1;
		
		position: relative;
	}
	
	#features-challenge div.text p{
		font-size:0.8rem;
		line-height:35px;
	}
	
	#features-challenge div.text p br{
		display:block;
	}
	
	#features-challenge div.detail h6{
		font-size:0.9rem;
		line-height:50px;
		
		padding-left:55px;
		
		margin-top:30px;
		margin-bottom:15px;
	}
	
	#features-challenge div.detail h6:before{
		width:15px;
		height:10px;
		
		left:30px;
	}
	
	#features-challenge div.detail ul li{
		font-size:1.1rem;
		line-height:70px;
	}
	
	#features-challenge div.detail ul li:nth-child(1) a{
		width:200px;
	}
	
	#features-challenge div.detail ul li:nth-child(2) a{
		width:160px;
	}
	
	#features-challenge p.thumbnail{
		position: absolute;
		top:0;
		right:0;
		
		width:620px;
	}
}