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


#bread_list{ margin-bottom: 52px; }

/*メインイメージ*/
.parallaxParent {
    height: 400px;
    overflow: hidden;
    position: relative;
	margin-top: -12px;
}
.parallaxParent #img_url{
	width: auto;
    height: 100%;
    background-image: url(../img/business/main_img.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    top: auto;
	bottom: 348px;
}


/**********/
.para_sizing{
	text-align: center;
}

/*各エリアの設定*/
#ttl_BUSINESS{
	 position: relative;
    top: 165px;
}

/*タイトル*/
h1.ttl_main{
	font-size: 45px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
}
.ttl_main.white{
	color: #ffffff;
}
h1.ttl_ja{
	font-size: 20px;
	line-height: 1em;
	color: #1d50a2;
	padding-top: 15px;
	text-align: center;
}
.ttl_ja.white{
	color: #ffffff;
}
/**********************/
.sub_ttl{
	font-size: 25px;
	line-height: 1em;
	padding-bottom: 20.5px;
}
.sub_ttl.white{
	color: #ffffff;
}
.txt{
	font-size: 15px;
	line-height: 2em;
	width: 730px;
	margin: 0 auto;
}
.txt.white{
	color: #ffffff;
}

/*ボタン*/
/*js用*/
.hvr-sweep-to-right:before{
	background-color: #1d50a2!important;
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/icon_arrow_r_white.png")!important;
	background-repeat: no-repeat!important;
	background-position: 204px center!important;
}
.btn_more{
	background-color: #ffffff;
	color: #1d50a2;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #1d50a2;
	padding: 1em;
	width: 250px;
	text-align: center;
	background-image: url("../img/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 204px center;
}
.btn a{
	text-decoration: none;
}
.btn_more a p{
	color:#1d50a2;
}

.btn_ss_site:hover{
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_ss_site.alpha{
	background-color:transparent;
}



/*本文*/
/*枠*/
.panel{
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
 	padding-top: 110px; /* 打ち消し用のパディング */
}
.panel#business_01{}
.panel#business_02{}
.panel#business_03{}
.panel#business_04{}

/*本文*/
.txt_wrap{
	padding: 60px 0 150px 0; 
}



/* 図本文*/
/******************************/
/*パララックスベース*/
/******************************/
.parallaxParent2 {
	height: 800px;
	overflow: hidden;
	position: relative;
}
.parallaxParent2 > * {
	position: relative;
}

.parallaxParent2 #img_url2{
	width: auto;
	height: auto;
	top: -0px;
	height: 100%;
	background-image:url(../img/business/business_model.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
/** ビジネスモデル静止 **/
.txt_wrap#txt_MODEL{
}
.txt_wrap#txt_MODEL #CATCHCOPY{
	/*
	width: 1400px;
	height: 800px;
	*/
	/****/
	background-image:url(../img/business/business_model.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.txt_wrap#txt_MODEL .backImg img{
	width: 100%;
	height: auto;
}
.txt_wrap#txt_MODEL .txt{
	font-size: 15px;
	font-weight: 300;
	line-height: 2em;
	color: #ffffff;
	text-align: center;
	padding: 77px 0 599px 0px;
	padding: 5.5% 0px 42% 0px;
}




/*ソフトウェア開発*/
.txt_wrap#txt_SOFTWARE{
	padding: 0;
	padding-bottom: 81px;
}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_SOFTWARE{
			padding: 0;
			padding-bottom: 5.7857%;
		}
	}
	.txt_wrap#txt_SOFTWARE .position_base{
		position: relative;
	}

	.txt_wrap#txt_SOFTWARE .backImg{
		top:0;
		right: 0;
		width: 100%;
		height:500px;
		/*min-height: 500px;*/
		margin: 0 0 0 auto;
		background-image: url(../img/business/software_hd.jpg);
		background-position: center center;
		background-repeat:no-repeat;
		background-size: cover;
	}
	.txt_wrap#txt_SOFTWARE .backImg img{
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_SOFTWARE .backImg{
			top:0;
			right: 0;
			width: 100%;
			height:500px;
			/*min-height: 500px;*/
			margin: 0 0 0 auto;
			background-image: url(../img/business/software_hd.jpg);
			background-position: top center;
			background-repeat:no-repeat;
			background-size: contain;
		}
	}
	.txt_wrap#txt_SOFTWARE .soft_txt{
		position: absolute;
		top:40px;
		width: 600px;
		background-color: rgba(28,80,161,0.9);
		padding: 49px 60px 50px 60px;
		right: 51.0714%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_SOFTWARE .soft_txt{
			position: absolute;
			top:8.3333%;/* 40px/480px */
			width: 42.8571%;/* 600px/1400px */
			background-color: rgba(28,80,161,0.9);
			padding: 3.8052% 4.5662% 3.8052% 4.5662%;
			left:6.1429%;
		}
	}
	.txt_wrap#txt_SOFTWARE .soft_txt p.title{
		font-size: 32px;
		font-weight: 300;
		line-height: 1em;
		color: #ffffff;
		padding-bottom: 24.5px;
		text-align: left;
	}
	.txt_wrap#txt_SOFTWARE .soft_txt p.txt{
		width: 100%;
		font-size: 15px;
		font-weight: 300;
		line-height: 2em;
		color: #ffffff;
		padding-bottom: 28.5px;
		text-align: justify;
	}
	.txt_wrap#txt_SOFTWARE .soft_txt .btn{
		text-align: left;
	}

/*デザイン制作*/
.txt_wrap#txt_DESIGN{
	padding: 0;
	padding-bottom: 81px;
}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_DESIGN{
			padding: 0;
			padding-bottom: 5.7857%;
		}
	}
	.txt_wrap#txt_DESIGN .position_base{
		position: relative;
	}
	.txt_wrap#txt_DESIGN .backImg:before{padding-top: 35.7143%;}
	.txt_wrap#txt_DESIGN .backImg{
		top:0;
		right: 0;
		width: 100%;
		height:500px;
		/*min-height: 500px;*/
		margin: 0 0 0 auto;
		background-image: url(../img/business/design_hd.jpg);
		background-position: top center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.txt_wrap#txt_DESIGN .backImg img{
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_DESIGN .backImg:before{padding-top: 35.7143%;}
		.txt_wrap#txt_DESIGN .backImg{
			top:0;
			right: 0;
			width: 100%;
			height:500px;
			/*min-height: 500px;*/
			margin: 0 0 0 auto;
			background-image: url(../img/business/design_hd.jpg);
			background-position: top center;
			background-repeat:no-repeat;
			background-size:contain;
		}
	}

	.txt_wrap#txt_DESIGN .design_txt{
		position: absolute;
		top:40px;
		right: 0px;
		width: 600px;
		background-color: rgba(28,80,161,0.9);
		padding: 49px 60px 50px 60px;
		/*margin-bottom: 69px;*/
		left: 51.0714%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_DESIGN .design_txt{
			position: absolute;
			top:8.3333%;/* 40px/480px */
			right: 0;
			width: 42.8571%;/* 600px/1400px */
			background-color: rgba(28,80,161,0.9);
			padding: 3.8052% 4.5662% 3.8052% 4.5662%;
			/*margin-bottom: 69px;*/
			right:6.1429%;
		}
	}
	.txt_wrap#txt_DESIGN .design_txt p.title{
		font-size: 32px;
		font-weight: 300;
		line-height: 1em;
		color: #ffffff;
		padding-bottom: 24.5px;
		text-align: left;
	}
	.txt_wrap#txt_DESIGN .design_txt p.txt{
		width: 100%;
		font-size: 15px;
		font-weight: 300;
		line-height: 2em;
		color: #ffffff;
		padding-bottom: 28.5px;
		text-align: justify;
	}
	.txt_wrap#txt_DESIGN .design_txt .btn{
		text-align: left;
	}

/*代理店業務*/
.txt_wrap#txt_AGENT{
	padding: 0;
	padding-bottom: 81px;
}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_AGENT{
			padding: 0;
			padding-bottom: 5.7857%;
		}
	}
	.txt_wrap#txt_AGENT .position_base{
		position: relative;
	}
	.txt_wrap#txt_AGENT .backImg:before{
		padding-top: 35.7143%;
	}
	.txt_wrap#txt_AGENT .backImg{
		top:0;
		right: 0;
		width: 100%;
		height:500px;
		/*min-height: 500px;*/
		margin: 0 0 0 auto;
		background-image: url(../img/business/agent_hd.jpg);
		background-position: top center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.txt_wrap#txt_AGENT .backImg img{
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_AGENT .backImg{
			top:0;
			right: 0;
			width: 100%;
			height:500px;
			/*min-height: 500px;*/
			margin: 0 0 0 auto;
			background-image: url(../img/business/agent_hd.jpg);
			background-position: top center;
			background-repeat:no-repeat;
			background-size:contain;
		}
	}

	.txt_wrap#txt_AGENT .agent_txt{
		position: absolute;
		top:40px;
		width: 600px;
		background-color: rgba(28,80,161,0.9);
		padding: 49px 60px 50px 60px;
		/*margin-bottom: 69px;*/
		right: 51.0714%;
	}
	@media screen and (max-width: 1400px){
		.txt_wrap#txt_AGENT .agent_txt{
			position: absolute;
			top:8.3333%;/* 40px/480px */
			width: 42.8571%;/* 600px/1400px */
			background-color: rgba(28,80,161,0.9);
			padding: 3.8052% 4.5662% 3.8052% 4.5662%;
			left:6.1429%;
		}
	}
	.txt_wrap#txt_AGENT .agent_txt p.title{
		font-size: 32px;
		font-weight: 300;
		line-height: 1em;
		color: #ffffff;
		padding-bottom: 24.5px;
		text-align: left;
	}
	.txt_wrap#txt_AGENT .agent_txt p.txt{
		width: 100%;
		font-size: 15px;
		font-weight: 300;
		line-height: 2em;
		color: #ffffff;
		padding-bottom: 28.5px;
		margin: 0 0 4em;
		text-align: justify;
	}
	.txt_wrap#txt_AGENT .agent_txt .btn{
		text-align: left;
	}