@charset "UTF-8";

/* サービス */
#contents{
	padding-bottom:0;
}
.content#head p{
	text-align:center;
}
@media (min-width: 1300px) {
	.content.business{
		margin:0 11%;
	}
}

#business-model{
	position:relative;
}
#business-model h3{
	font-family:'Jost';
	font-weight:500;
	font-size:2.1rem;
	letter-spacing:0.1em;
	padding:20px 0 15px;
}
#business-model p{
	text-align:center;
	line-height:160%;
	padding-top:20px;
}
@media (min-width: 568px) {
	#business-model img{
		padding-top:20px;
	}
	#business-model h3{
		position:absolute;
		top:0;
		left:0;
	}
}
@media (min-width: 768px) {
	#business-model h3{
		padding-top:30px;
	}
	#business-model img{
		padding-top:30px;
	}
}
@media (min-width: 1024px) {
	#business-model h3{
		font-size:2.3rem;
	}
	#business-model p{
		padding-top:25px;
	}
}
@media (min-width: 1300px) {
	#business-model h3{
		font-size:2.5rem;
	}
}

.detail-wrap{
	font-size:0;
}
.detail{
	position:relative;
}
.detail h3{
	font-family:'Open Sans';
	font-weight:300;
	font-size:2.4rem;
	letter-spacing:0.2em;
	line-height:130%;
}
.initial{
	/*font-family:'Encode Sans Condensed';
	font-weight:700;*/
	font-family:'Jost';
	font-weight:600;
}
.detail h4{
	font-size:1.5rem;
	padding-top:10px;
}
.list{
	font-size:1.3rem;
}
.detail h5{
	padding-top:10px;
	font-size:1.8rem;
	letter-spacing:0.2em;
}
.construct{
	letter-spacing:-0.06em;
}
.detail p{
	font-size:1.4rem;
}
.icon-business{
	text-align:center;
	padding:20px 0;
}
.icon-business img{
	width:150px;
	height:auto;
}
@media (min-width: 375px) {
	.construct{
		letter-spacing:0.1em;
	}
}
@media (min-width: 414px) {
	.construct{
		letter-spacing:0.2em;
	}
}
@media (min-width: 568px) {
	.detail h5{
		padding-bottom:20px;
	}
	.icon-business{
		padding:0;
		position:absolute;
		right:0;
		top:10px;
	}
	.icon-business img{
		width:125px;
	}
	.icon-business#development{
		right:70px;
	}
}
@media (min-width: 667px) {
	.icon-business,
	.icon-business#development{
		right:auto;
		left:50%;
		margin-left:70px;
	}
	.icon-business#development{
		margin-left:10px;
	}
}
@media (min-width: 736px) {
	.icon-business,
	.icon-business#development{
		right:auto;
		left:50%;
		margin-left:40px;
	}
	.icon-business#development{
		margin-left:-30px;
	}
}
@media (min-width: 1024px) {
	.detail-wrap{
		display:-webkit-box;
    	display:-moz-box;
    	display:-ms-box;
    	display:-webkit-flexbox;
    	display:-moz-flexbox;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:-ms-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
	}
	.detail{
		display:inline-block;
		width:calc(50% - 15px);
	}
	.detail:nth-child(odd){
		border-right:1px solid #333;
		margin-right:29px;
	}
	.detail:nth-child(even){
		padding:10px 0 5px;
	}
	.detail h3{
		font-size:2.5rem;
	}
	.list.renovation{
		letter-spacing:-0.1em;
	}
	.detail h5{
		padding:20px 0 0;
	}
	.icon-business,
	.icon-business#development{
		left:auto;
		right:30px;
		margin-left:0;
	}
	.icon-business img{
		width:115px;
	}
}
@media (min-width: 1080px) {
	.list.renovation{
		letter-spacing:-0.05em;
	}
	.icon-business img{
		width:120px;
	}
}
@media (min-width: 1180px) {
	.list.renovation{
		letter-spacing:0;
	}
	.icon-business,
	.icon-business#development{
		right:40px;
	}
}
@media (min-width: 1300px) {
	.detail h3{
		font-size:2.6rem;
	}
	.detail h5{
		font-size:2.0rem;
	}
	.icon-business{
		margin-left:20px;
	}
}