@charset "utf-8"; 

#jump{
	padding: 6.25em 3.5em 5.75em;
	/*padding: 6.25em 3.5em 7.25em;*/
	/*padding: 4.625em 3.5em;*/
}
#jump .cmn-btn--btm a{
	border-color: #ADADAD;
}
#jump .ttl{
	position: relative;
	font-size: 2.4rem;
	margin-bottom: 0.8em;
}
#jump ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/*max-width: 79.5em;*/
	margin: 0 auto;
}
@media screen and (max-width : 1390px){
	#jump ul{
		max-width: inherit;
	}
}
#jump ul li{
	/*width: calc((100% - 3em) / 3);*/
	width: 25em;
	/*margin: 1.5em 0.75em 0;*/
	margin: 0 0.75em 1.5em;
}
@media screen and (max-width : 1390px){
	#jump ul li{
		width: calc((100% - 6em) / 3);
	}
}
/*
#jump ul li:nth-child(3n){
	margin-right: 0;
}
#jump ul li:nth-child(-n+3){
	margin-top: 0;
}
*/
#business01{
	max-width: 1680px;
	margin-right: auto;
	margin-left: auto;
}
#business01 .intro{
	position: relative;
	margin-bottom: 7em;
	padding: 0 3.5em;
}
#business01 .intro::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 44%;
	height: 42vw;
	max-height: 560px;
	background: url(../img/business/img_01@2x.jpg) 0 0 no-repeat;
	background-size: 100% auto;
}
/*
@media screen and (max-width : 1390px){
	#business01 .intro::after
		width: 35em;
		height: 37.5em;
	}
}
*/
.headttl{
	line-height: 1.4;
	margin-bottom: 0.7em;
}
.headttl .en{
	font-size: 4.8rem;
}
.headttl .min{
	display: block;
	font-size: 2.8rem;
}
#business01 .intro .txt{
	font-weight: bold;
}
#business01 .intro .inner{
	/*width: calc(100% - 35em);*/
	width: 50%;
}
#business01 .blockWrap{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 5em;
}
#business01 .blockWrap::before{
	content: '';
	position: absolute;
	top: -2.5em;
	left: 3.5em;
	width: calc(100% - 7em);
	height: 1px;
	background: #D7D7D7;
}
#business01 .block{
	width: 50%;
}
#business01 .block .ttl{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 1.1em;
	padding-left: 2.33em;
}
#business01 .block .ttl.start{
	align-items: flex-start;
	margin-bottom: 0.35em;
}
#business01 .block .ttl span{
	font-size: 4.8rem;
	margin-right: 0.2em;
	line-height: 1.0;
}
#business01 .imgBlock{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#business01 .imgBlock img{
	flex-shrink: 0;
	width: 18em;
	height: auto;
}
#business01 .imgBlock .txt{
	width: calc(100% - 18em);
	box-sizing: border-box;
	padding: 0 1.2em;
}
#business01 .imgBlock .notes{
	font-size: 1.2rem;
	margin-top: 1.5em;
}
#business02{
	max-width: 1680px;
	margin: 11.25em auto;
}
#business02 .block{
	display: flex;
	justify-content: space-between;
	flex-flow: row-reverse;
	align-items: flex-start;
}
#business02 .block img{
	flex-shrink: 0;
	width: 37.5em;
	height: auto;
}
#business02 .block .txt{
	width: calc(100% - 41.5em);
	box-sizing: border-box;
	padding-right: 3.5em;
}
#business02 .block .txt p + p{
	margin-top: 1.5em;
}
#business02 .headttl{
	padding-left: 0;
}
.touch{
	position: relative;
	padding: 0 3.5em;
	margin-top: 6.25em;
}
.touch::before{
	content: '';
	position: absolute;
	top: 2.25em;
	left: 3.5em;
	width: calc(100% - 7em);
	height: 1px;
	background: #D7D7D7;
}
.touch .cmn-btn{
	width: 26em;
	margin: 0 auto;
}
.touch p{
	text-align: center;
	font-weight: bold;
	margin-top: 2em;
}

@media screen and (max-width : 1000px){


}

@media screen and (max-width : 767px){

	#jump{
		padding: 0 4.2vw 16vw;
	}
	#jump ul{
		display: block;
	}
	#jump ul li{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#jump ul li:nth-child(-n+3){
		margin-top: 4.2vw;
	}
	.headttl .en{
		font-size: 2.4rem;
	}
	#business01 .intro{
		top: auto;
		margin-bottom: 5em;
		padding: 0;
	}
	#business01 .intro .inner{
		width: auto;
		padding: 0 6.4vw 8vw;
	}
	#business01 .intro::after{
		display: block;
		position: relative;
		right: auto;
		width: 100%;
		height: 93vw;
	}
	#business01 .block{
		width: 100%;
	}
	#business01 .blockWrap{
		display: block;
	}
	#business01 .imgBlock{
		display: block
	}
	#business01 .imgBlock img{
		width: 100%;
		height: auto;
	}
	#business01 .block .ttl{
		align-items: flex-start;
		font-size: 2.2rem;
		padding: 0 6.4vw;
	}
	#business01 .imgBlock .txt{
		width: auto;
		padding-top: 4vw;
	}
	#business01 .blockWrap,
	#business01 .block + .block{
		margin-top: 14vw;
	}
	#business01 .blockWrap::before{
		content: none;
	}
	#business01 .block .ttl.start{
		margin-bottom: 1.1em;
	}
	.touch{
		padding: 0 6.4vw;
		margin: 15vw 0 0;
	}
	.touch .cmn-btn{
		width: 100%;
	}
	.touch p{
		font-size: 1.5rem;
		text-align: left;
		margin-top: 1em;
	}
	#business02{
		display: block;
		margin: 15vw 0;
	}
	#business02 .block{
		display: block;
	}
	#business02 .block .txt{
		width: auto;
		padding: 0 6.4vw;
	}
	#business02 .block img{
		width: 100%;
		height: auto;
		margin-top: 12vw;
	}
}
@media (orientation: landscape) and (max-width : 767px){


}