@charset "shift_jis";


/* **************************************************

Name: blockchain.css

Copyright 2019 Hitachi, Ltd. 

***************************************************** */

/*---見出しタイトル---*/
h2.TitleStyle_bba01 {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../image/title_bba01.png) no-repeat bottom;
	background-size: contain;
	height: 0;
	padding-top: 23.333333%;
}

h2.TitleStyle_bba02 {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../image/title_bba02.png) no-repeat bottom;
	background-size: contain;
	height: 0;
	padding-top: 23.333333%;
}

h2.TitleStyle_bba03 {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../image/title_bba01.png) no-repeat bottom;
	background-size: contain;
	height: 0;
	padding-top: 23.333333%;
}

h2.TitleStyle_bba04 {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url(../image/title_bba04.png) no-repeat bottom;
	background-size: contain;
	height: 0;
	padding-top: 23.333333%;
}

h2.TitleStyle_bba01 span,h2.TitleStyle_bba02 span,h2.TitleStyle_bba03 span,h2.TitleStyle_bba04 span {
	/*display: block;
	padding-top: 100px;*/
	padding-left: 180px;
	padding-right: 160px;
	margin-top: -12%;
	font-size: 135%;
	font-weight: bold;
	text-align: center;
	color: #3a3a3a;
	line-height: 130%;
	background: none;
}




/*---枠囲み---*/

.BoxPatternC.bba {
	background-color: #75d5ff;
	width: 90%;
	margin: auto;
	margin-bottom: 15px;
}

.BoxPatternC.bba h3.SubtitleStyle_bba01 {
	display: table;
	background-color: #f3ff45;
	margin: 0 15px 8px;
	padding: 5px;
	color: #333;
}
.BoxPatternC.bba h3.SubtitleStyle_bba01 span {
	display: table-cell;
}
.BoxPatternC.bba h3.SubtitleStyle_bba01 span img {
	vertical-align: middle;
}

.BoxPatternC.bba h3.SubtitleStyle_bba02 {
	background-color: #f3ff45;
	margin: 0 15px 13px;
	padding: 8px;
	color: #333;
}
.BoxPatternC.bba h3.SubtitleStyle_bba02 span {
	display: block;
	text-align: center;
}

.BoxPatternC.bba img {
	vertical-align: middle;
}



.BoxPatternC.bba02 {
	background: url(../image/colum00_bg.png) no-repeat bottom left;
	min-height: 300px;
	/*padding-top: 23.333333%;*/
	padding-left: 220px;
}
.BoxPatternC.bba02 .Inner {
	/*margin-top: -25%;*/
}




/*@media screen and (max-width: 889px){
	
	h2.TitleStyle_bba01 span,h2.TitleStyle_bba02 span,h2.TitleStyle_bba03 span,h2.TitleStyle_bba04 span {
		padding-left: 150px;
		padding-right: 100px;
}
	
}*/

@media screen and (max-width: 767px){
	
	h2.TitleStyle_bba01 {
		margin: 0 0 5px;
		padding: 0 0 10px 0;
		background: url(../image/sp_title_bba01.png) no-repeat bottom;
		background-size: contain;
		height: 0;
		padding-top: 26.388888%;
	}

	h2.TitleStyle_bba02 {
		margin: 0 0 5px;
		padding: 0 0 10px 0;
		background: url(../image/sp_title_bba02.png) no-repeat bottom;
		background-size: contain;
		height: 0;
		padding-top: 26.388888%;
	}

	h2.TitleStyle_bba03 {
		margin: 0 0 5px;
		padding: 0 0 10px 0;
		background: url(../image/sp_title_bba01.png) no-repeat bottom;
		background-size: contain;
		height: 0;
		padding-top: 26.388888%;
	}

	h2.TitleStyle_bba04 {
		margin: 0 0 5px;
		padding: 0 0 10px 0;
		background: url(../image/sp_title_bba04.png) no-repeat bottom;
		background-size: contain;
		height: 0;
		padding-top: 26.388888%;
	}

	h2.TitleStyle_bba01 span,h2.TitleStyle_bba02 span,h2.TitleStyle_bba03 span,h2.TitleStyle_bba04 span {
		/*display: block;
		padding-top: 10%;*/
		padding-left: 25%;
		padding-right: 15%;
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		color: #3a3a3a;
		line-height: 130%;
		background: none;
		margin-top: -15.333333%;
	}

	.BoxPatternC.bba02 {
		background: url(../image/sp_colum00_bg.png) no-repeat bottom;
		padding: 40px 0 170px;
		min-height: 0;
	}
	.BoxPatternC.bba02 .Inner {
		margin-top: 0;
	}

}

@media screen and (max-width: 579px){
	h2.TitleStyle_bba01 span,h2.TitleStyle_bba02 span,h2.TitleStyle_bba03 span,h2.TitleStyle_bba04 span {
		padding-left: 20%;
		padding-right: 10%;
		font-size: 130%;
	}/**/

}

@media screen and (max-width: 479px){
	h2.TitleStyle_bba01 span,h2.TitleStyle_bba02 span,h2.TitleStyle_bba03 span,h2.TitleStyle_bba04 span {
		/*padding-top: 6%;*/
		padding-left: 20%;
		padding-right: 8%;
		font-size: 130%;
		margin-top: -20.333333%;
	}/**/

}

@media screen and (max-width: 399px){
	h2.TitleStyle_bba01 span,h2.TitleStyle_bba02 span,h2.TitleStyle_bba03 span,h2.TitleStyle_bba04 span {
		/*padding-top: 5%;*/
		padding-left: 20%;
		padding-right: 8%;
		font-size: 110%;
	}/**/

}