@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{}

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

p.design_intro{
	width: 1000px;
	line-height: 2em;
	margin: 0 auto 1em;
	text-align: left;
}
.portfolio_wrap{
	background: #EEF4F7;
	margin: 75px 0 0;
	padding: 75px 0 50px;
}
.portfolio_wrap h3.ttl{
	font-size: 28px;
	line-height: 1em;
	margin: 0 0 18px;
}
.portfolio_wrap hr.ttl_line{
	border-bottom: #4C4948 2px solid;
	width: 40px;
	}
.portfolio_wrap .portfolio_inner{
	width: 1000px;
	margin: 55px auto 0 auto;
	text-align: left;
	overflow: hidden;
}
.portfolio_wrap .portfolio_inner .portfolio_box{
	width: 295px;
	margin: 0 0 50px 35px;
	vertical-align: top;
	float: left;
}
.portfolio_wrap .portfolio_inner .portfolio_box p{
	font-size: 13px;
	line-height: 1em;
	margin: 0 0 9px;
}
/*文字が長い時*/
.tsume{
	letter-spacing: -0.05em;
}


/*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);
}