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




/*メインイメージ*/
.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;
}

/*タイトル*/
h2.ttl_main{
	font-size: 45px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
}
.ttl_main.white{
	color: #ffffff;
}
h2.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;
}


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

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

/*----------SOPHOS----------*/
.sophos_wrap{
	height: 450px;
	background: #0069B7;
}
.sophos_wrap img.logo{
	margin: 150px 0 40px;
}
.sophos_wrap img.logo .btn{
		text-align: center;
	}

/*----------Shield Share----------*/
.ss_wrap{
	height: 450px;
	background: #EFEFEF;
}
.ss_wrap img.logo{
	margin: 57px 0 44px;
}

/*ボタン*/
/*透過
.btn_more.alpha{
	background-color:transparent !important;
}*/
/*js用*/
#btn_SOPHOS .hvr-sweep-to-right:before{
	background-color: #fff!important;
	border: solid 1px #fff;
	color: #1d50a2;
	background-image: url("../img/icon_arrow_r.png")!important;
	background-repeat: no-repeat!important;
	background-position: 333px center!important;
}
#btn_SHIELDSHARE .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: 333px center!important;
}
/*sophos*/
.btn_sophos_site{
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #fff;
	padding: 1em;
	width: 380px;
	text-align: center;
	background-image: url("../img/icon_arrow_r_white.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_sophos_site:hover{
	border: solid 1px #fff;
	color: #1d50a2!important;
	background-image: url("../img/icon_arrow_r_white.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_sophos_site.alpha{
	background-color:transparent;
}
/*Shield Share*/
.btn_ss_site{
	color: #1d50a2;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #1d50a2;
	padding: 1em;
	width: 380px;
	text-align: center;
	background-image: url("../img/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.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;
}


/*BISINESS リスト*/
.business_list{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 112px 35px 0;
}
/**********************/
.business_list li{
	display:inline-block;
	max-width: 645px;
	margin-right: 40px;
	position: relative;
}
.business_list li:last-child{
	margin-right: 0;
}
.business_list li img{
	width: 100%;
	height: auto;
}
.business_list li ul.list_ttl{
	position: absolute;
	top: 32%;/*80px*/
	width: 91.6279%;/*591px*/
	margin: 0 4.186% 0;/*0 27px 0*/
	vertical-align: middle;
	background: url(../img/business/btn_business_arrow.png) right no-repeat;
}
.business_list li ul.list_ttl li{
	font-size: 45px;
	font-weight: 500;
	line-height: 1em;
	text-align: center;
	color: #fff;
}
.business_list li ul.list_ttl li span{
	font-size: 20px;
	line-height: 1em;
	margin: 6% 0 0;/*15px 0 0*/
	display: block;
}

/*マウスオーバーでボタン画像拡大*/
.scale {
    width: 645px;
    overflow: hidden;
}
.scale img {
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}