h2{
	text-align: center;
	font-size: 34px;
	margin-bottom: 0.8em;
}
h2 span{
	display: block;
	font-size: 80%;
	margin-bottom: 0.4em;
}

#kvOuter{
	position: relative;
}
#kvOuter .logoOuter{
	background-color: rgba(128,128,128,0.5);
	position: absolute;
	top: 13em;
	left: 0;
	right: 0;
	margin: auto;
	padding: 3em 0;
}
#kvOuter .logo{
	margin: auto;
	max-width: 800px;
	width: 70%;
}
#kvOuter li img{
	object-fit: cover;
}
#kvOuter .toNews{
	background: linear-gradient(45deg, #23027C 0%, #0866A8 100%);
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	font-size: 16px;
}
#kvOuter .toNews a{
	display: block;
	color: #fff;
	padding: 1em 3em;
	text-decoration: none;
	transition: 0.2s;
}
#kvOuter .toNews a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	display: block;
	background: #23027C;
	transition: 0.2s;
}
#kvOuter .toNews a:hover:before {
	width: 100%;
}
#kvOuter .toNews a span{
	position: relative;
	padding-right: 1em;
}
#kvOuter .toNews a span:before {
	content: "";
	position: absolute;
	top: -6px;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 7px;
	height: 7px;
	border-bottom: #fff solid 2px;
	border-right: #fff solid 2px;
	transform: rotate(45deg);
}


#technologyOuter{

	position: relative;
}
#technologyOuter h2{
	position: absolute;
	top: 2em;
	left: 0;
	width: 100%;
	z-index: 10;
}
#technologyOuter .note{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	background-color:rgba(255,255,255,0.8);
	padding: 1em;
	line-height: 1.5em;
	position: absolute;
	top: 9em;
	left: 0;
	width: 100%;
	z-index: 10;
}
#technology3Content{
	display: flex;
}
#technology3Content .technologyIn{
	width: 33.33%;
	padding: 26.5em 0 15em;
	position: relative;
}
#technology3Content .technologyIn.Power{
	background: url("/product/prostruct/images/top/technology_bg01.jpg") center center no-repeat;
	background-size: cover;
}
#technology3Content .technologyIn.Structural{
	background: url("/product/prostruct/images/top/technology_bg02.jpg") right bottom no-repeat;
	background-size: cover;
}
#technology3Content .technologyIn.Society{
	background: url("/product/prostruct/images/top/technology_bg03.jpg") left bottom no-repeat;
	background-size: cover;
}
#technology3Content .technologyBox{
	position: relative;
	background-color:rgba(255,255,255,0.8);
	padding: 2.5em 3em 1.5em;
}
#technology3Content .technologyBox:before{
	content: "";
	display: block;
	position: absolute;
	top: -3.5em;
	left: 0;
	right: 0;
	margin: auto;
	background: url("/product/prostruct/images/top/icon_square.svg") center top no-repeat;
	background-size: 100% auto;
	width: 4em;
	height: 4.7em;
	z-index: 20;
}

#technology3Content .technologyIn .title{
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.3em;
}
#technology3Content .technologyIn .title span{
	display: block;
	font-size: 70%;
	margin-top: 0.3em;
	line-height: 1.2em;
}
#technology3Content .technologyIn .txt{
	margin-top: 1em;
	line-height: 2em;
}
#technologyOuter .btnBlueGrada{
	position: absolute;
	bottom: 7.5em;
	left: 0;
	right: 0;
	width: 23em;
	margin: auto;
}


#searchOuter .btnBlueGrada,
#newsOuter .btnBlueGrada{
	max-width: 23em;
	margin: 2em auto 0;
}


#searchOuter{
	padding: 4em 0;
}
#searchOuter .note{
	text-align: center;
	font-size: 16px;
}
#searchOuter ul{
	margin-top: 3em;
}
#searchOuter ul li p{
	padding: 0 0.25em;
}


#catalogOuter{
	background: #CCDFED;
	padding: 3em 40px;
}
#catalogIn{
	background-color:rgba(255,255,255,0.8);
	max-width: 1000px;
	padding: 3em 40px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#catalogIn .catalogL{
	width: 44%;
	text-align: left;
}
#catalogIn .catalogL h2{
	text-align: left;
	margin-bottom: 0.5em;
}
#catalogIn .btnBlueGrada{
	width: 40%;
}



#newsOuter{
	padding: 4em 40px;
}
#newsIn{
	max-width: 1000px;
	margin: 0 auto;
}

#newsContent{
	border-top: #000 solid 1px;
}
#newsContent .newsContentIn{
	border-bottom: #000 solid 1px;
	padding: 1.5em 0;
}
#newsContent .newsContentIn .newsTop{
	display: flex;
	align-items: center;
	font-weight: bold;
}
#newsContent .newsContentIn .newsTop .date{
	
}
#newsContent .newsContentIn .newsTop .tag{
	background: #076EAA;
	color: #fff;
	padding: 0.1em 1em;
	font-size: 12px;
	margin-left: 1.5em;
}
#newsContent .newsContentIn .newsBtm{
	margin-top: 0.8em;
}
#newsContent .newsContentIn .newsBtm .new{
	background: #05306A;
	color: #fff;
	padding: 0.1em 0.5em;
	font-size: 12px;
	margin-right: 0.5em;
}





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

	#catalogIn .catalogL {
		width: 52%;
		margin-right: 3%;
	}
	
}

@media screen and (max-width:899.5px){
	h2{
		font-size: 30px;
	}
}




/* スマホ
------------------------------------------------*/
@media screen and (max-width:767.5px){
	h2 {
		font-size: 24px;
	}
	
	#technologyOuter{
		background: url("/product/prostruct/images/top/technology_bg_sp.jpg") center top no-repeat;
		background-size: 100% auto;
		padding: 2em 0 2.5em;
	}
	
	#technologyOuter h2,
	#technologyOuter .note,
	#technologyOuter .btnBlueGrada{
		position: static;
	}
	#technologyOuter .note{
		font-size: 16px;
	}
	#technology3Content{
		display: block;
		margin-top: 1.5em;
		padding: 0 20px;
	}
	#technology3Content .technologyBox{
		padding-left: 2em;
		padding-right: 2em;
	}
	#technology3Content .technologyBox:before{
		top: -2.5em;
	}
	#technology3Content .technologyIn{
		width: auto;
		padding: 10em 20px 20px !important;
	}
	#technology3Content .technologyIn:nth-of-type(n+2){
		margin-top: 2em;
	}
	#technology3Content .technologyIn .title{
		font-size: 20px;
	}
	#technology3Content .technologyIn .txt {
		line-height: 1.7em;
	}
	#technologyOuter .btnBlueGrada{
		width: 65vw;
		margin-top: 1.5em;
	}
	#technology3Content .technologyIn.Structural{
		background-position: center bottom;
		background-size: 140% auto;
	}
	
	#searchOuter {
		padding: 2em 0;
	}
	#searchOuter ul {
		margin-top: 1.5em;
	}
	#searchOuter .note{
		margin-top: -0.3em;
	}
	#searchOuter .btnBlueGrada,
	#catalogIn .btnBlueGrada{
		width: 65vw;
		margin: 1em auto 0;
	}
	
	#catalogOuter,
	#catalogIn{
		padding: 2em 20px;
	}
	#catalogIn{
		display: block;
	}
	#catalogIn .catalogL{
		width: auto;
	}
	#catalogIn .catalogL h2{
		text-align: center;
	}

	
	#newsOuter {
		padding: 2em 20px;
	}
	#newsContent .newsContentIn {
		padding: 1em 0;
	}
	#newsContent .newsContentIn .newsBtm {
		margin-top: 0.5em;
		line-height: 1.5em;
	}
	#newsOuter .btnBlueGrada{
		width: 65vw;
		margin: 1.5em auto 0;
	}
	
	
	
}