#kvOuter{
	background: center top no-repeat;
	background-size: cover;
}
#kvOuter .logoOuter {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-flow: column;
	height: 100%;
}
#kvOuter .logo {
	max-width: 1000px;
	width: 70%;
}
.neutral #kvOuter p.kvText{
	font-size: 25px;
	margin-bottom: 2em;
	font-weight: bold;
}

.neutral #kvOuter{
	background-image: url("/product/nscarbolex/images/neutral/kv_bg.png");
}
.neutral #kvOuter .logo{
	margin-bottom: 7%;
}

.solution #kvOuter{
	background-image: url("/product/nscarbolex/images/solution/kv_bg.png");
}
.solution #kvOuter .logoOuter{
	justify-content: center;
}
.solution #kvOuter p.kvText{
	font-size: 25px;
	margin-top: 2em;
	line-height: 1.3;
	font-weight: bold;
}



#content{
	background: #F6F8FC;
}


#aboutOuter{
	
}
#aboutOuter .aboutContent{
	padding: 5em 0;
}
#aboutOuter .aboutContent.pBnone{
	padding-bottom: 0;
}
#aboutOuter .aboutContent:first-child{
	padding-top: 3em;
}
#aboutOuter .aboutContent:nth-of-type(2n){
	background: #fff;
}
#aboutOuter .aboutContentIn{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
}

#aboutOuter .aboutContentIn.Top{
	text-align: center;
}
#aboutOuter .aboutContentIn.Top .txt{
	margin-bottom: 1.5em;
	font-size: 16px;
}
#aboutOuter .aboutContentIn.Top .txt:last-child{
	margin-bottom: 0;
}
#aboutOuter .aboutContentIn .txt a{
	color: #043E92;
	text-decoration: underline;
}
#aboutOuter .aboutContentIn .txt a:hover{
	text-decoration: none;
}
#aboutOuter .aboutContentIn .note{
	font-size: 14px;
	text-indent: -1em;
	padding-left: 1em;
}
#aboutOuter .aboutContentIn .note a{
	text-decoration: underline;
	color: #043E92;
}
#aboutOuter .aboutContentIn .note a:hover{
	text-decoration: none;
}

h2{
	font-size: 36px;
	text-align: center;
	color: #043E92;
	position: relative;
	margin-bottom: 1.5em;
}
h2:before{
	content: "";
	background: #43A55B;
	position: absolute;
	bottom: -0.3em;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1em;
	height: 6px;
}
h2 span{
	display: block;
	font-size: 50%;
	margin-top: 0.3em;
}


h3{
	font-size: 24px;
	color: #043E92;
	margin-bottom: 1.5em;
	padding-left: 1.7em;
	position: relative;
	line-height: 1.3em;
}
h3:before{
	content: "";
	background: #43A55B;
	position: absolute;
	top: 0.4em;
	left: 0;
	margin: auto;
	width: 1.2em;
	height: 6px;
}


h4{
	font-size: 20px;
	color: #043E92;
	margin: 2em 0 1em;
	position: relative;
	line-height: 1.3em;
	padding-left: 4.5em;
}
h4.pl11em{
	padding-left: 11em;
}
h3 + h4{
	margin-top: 0 !important;
}
h4 span.l01{
	background: rgb(58,100,173);
	background: linear-gradient(315deg, rgba(58,100,173,1) 0%, rgba(67,165,91,1) 100%);
	color: #fff;
	font-size: 80%;
	padding: 0.5em;
	margin-right: 1.5em;
	position: absolute;
	top:-0.3em;
	left: 0;
	line-height: 1.1em;
}
h4 span.l01:before{
	content: "";
	position: absolute;
	top: 0;
	right: -0.8em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.08em 0 1.08em 0.8em;
	border-color: transparent transparent transparent #3A64AD;

}
h4.style02{
	font-size: 24px;
	text-align: center;
	padding: 0;
}
h4.style02 span{
	position: relative;
	padding: 0 1.5em;
	display: inline-block;
}
h4.style02 span:before,
h4.style02 span:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1em;
	height: 5px;
	display: block;
	background: #043E92;
}
h4.style02 span:before{
	left: 0;
}
h4.style02 span:after{
	right: 0;
}

sup,sub{
	display: inline-block;
	line-height: 1em;
	font-size: 70%;
	text-indent: 0;
}
sup{
	font-size: 70%;
	position: relative;
	top: 1px;
}

.aboutContentIn > .title{
	font-size: 18px;
	font-weight: bold;
	color: #043E92;
	margin: 1em 0 0.3em;
}
.aboutContentIn > .title span{
	font-size: 80%;
	margin-left: 1em;
}


.neutral .layout01 .L{
	width: 50%;
}
.neutral .layout01 .R{
	width: 45%;
	background: #fff;
	text-align: center;
	padding: 3%;
}
.neutral .layout01 .R .title{
	font-weight: bold;
	font-size: 20px;
	color: #043E92;
	margin-bottom: 1em;
}

.neutral .figure01{
	margin: 1em auto 0;
	max-width: 80%;
}

.neutral .figure02 {
	/*background: #fff;*/
	padding: 2em;
}
.neutral .figure02 .example{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}


.neutral .layout02{
	margin-top: 1.5em;
}
.neutral .layout02 .layout02In{
	width: 48%;
	border-radius: 10px;
	overflow: hidden;
}

.neutral .layout02 .layout02In .title{
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.neutral .layout02 .layout02In ul{
	padding: 1.5em;
	margin-left: 1.5em;
}
.neutral .layout02 .layout02In ul li{
	list-style: disc;
	line-height: 1.7em;
}
.neutral .layout02 .layout02In ul li:nth-of-type(n+2){
	margin-top: 0.5em;
}

.neutral .layout02 .layout02In.green{
	background: #EFF8F1;
}
.neutral .layout02 .layout02In.blue{
	background: #F6F8FC;
}

.neutral .layout02 .layout02In.green .title{
	background: #43A55B;
}
.neutral .layout02 .layout02In.blue .title{
	background: #043E92;
}

.neutral .figure02Main{
	margin: 2em auto 0;
	max-width: 95%;
}

.neutral .aboutContentIn > .title{
	font-size: 24px;
	margin: 2em auto 0;
	max-width: 80%;
}/*
.neutral .list li a{
	color: #043E92;
	text-decoration: underline;
}

.neutral .list li a:hover{
	text-decoration: none;
}*/


.solution .mdl .boderB{
	border-bottom: #000 solid 1px;
	padding-bottom: 30px;
}
.solution .figure01{
	padding-bottom: 5em;
}
.solution .COMINGSOON{
	/*background: #C6E4CD;*/
	position: relative;
    padding-top: 70px;
	margin-top: -70px;
}
.solution .COMINGSOON .Product_ListIn{
	background: #C6E4CD;
	position: relative;
}
.solution .COMINGSOON .Product_ListIn:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: #C3D0E6;
}
.solution .COMINGSOON .CSIn{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5em 40px;
}
.solution .COMINGSOON .CSIn .image{
	max-width: 450px;
	width: 50%;
}

.solution .COMINGSOON .CSIn.green{
	background: #c6e4cd;
}
.solution .COMINGSOON .CSIn.blue{
	background: #c3d0e6;
}
/* .solution .COMINGSOON .txt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	font-size: 90px;
	background: rgba(0,0,9,0.25);
}*/

.solution .COMINGSOON .image{
	width: 50%;
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	padding: 6em 0 4em;
}
.solution #Product_List.COMINGSOON .image{
	padding: 4em 0 4em;
}
.solution .COMINGSOON .image a{
	transition: 0.2s;
}
.solution .COMINGSOON .image a:hover{
	opacity: 0.7;
}
.solution .COMINGSOON .csOuter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-weight: bold;
	background: rgba(0,0,9,0.25);
	z-index: 20;
	text-align: center;
	color: #fff;
}
.solution .COMINGSOON .csOuter > p{
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
}
.solution .COMINGSOON .csOuter .txt{
	text-align: center;
	font-size: 24px;
	margin-top: 2em;
}
.solution .COMINGSOON .csOuter .cs{
	text-align: right;
	font-size: 28px;
	position: absolute;
	bottom: 1em;
	width: 100%;
	left: 0;
	right: 0;
}




.solution .layout01 .L{
	width: 50%;
}
.solution .layout01 .R{
	width: 45%;
}


.solution .graph01{
	margin: 2em auto 0;
	max-width: 80%;
}
.solution .aboutContentIn a{
	color: #043E92;
	text-decoration: underline;
}
.solution .aboutContentIn a:hover{
	text-decoration: none;
}

.product_list_link{
	position: fixed;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    z-index: 100;
}
.product_list_link a{
	display: block;
	background: #043E92;
	color: #fff;
	padding: 20px 10px;
	text-align: center;
	transition: 0.3s;
	font-size: 14px;
}
.product_list_link a:hover{
	text-decoration: none;
	background: #717dbd;
}
.product_list_link a:before{
	content: "";
	background-image: url(/product/nscarbolex/images/solution/product_list_icon.png);
    width: 40px;
    height: 40px;
	display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto 5px;
}


.txt_green{
	color: #43A55B;
}
.note.f12{
	font-size: 12px !important;
	line-height: 1.5;
}
.neutral .figure01 .figure02{
	padding: 0em 10% 2em 14%;
}

@media screen and (max-width:999.5px){
	
	.neutral .figure01,
	.neutral .figure02Main,
	.solution .graph01{
		max-width: none;
	}
	
	.solution .COMINGSOON .txt{
		font-size: 70px;
	}
	.solution .COMINGSOON .CSIn .image{
		width: 85%;
	}
	
	.neutral #kvOuter p.kvText{
		font-size: 2.5vw;
	}
	.solution #kvOuter p.kvText{
		font-size: 2.5vw;
	}
	
	.neutral .aboutContentIn > .title{
		max-width: 100%;
	}
	
	
	
	
}





/* スマホ
------------------------------------------------*/
@media screen and (max-width:767.5px){
	
	.neutral #kvOuter .logo {
		margin-bottom: 17vh;
	}
	.neutral #kvOuter p.kvText{
		font-size: 4.2vw;
	}
	.solution #kvOuter p.kvText{
		font-size: 4.2vw;
		margin-top: 1.5em;
	}
	h2 {
		font-size: 25px;
	}
	h2:before{
		bottom: -0.6em;
	}
	h3 {
 		font-size: 20px;
		margin-bottom: 1em;
	}
	h4 {
		font-size: 17px;
		margin-bottom: 0.7em;
		padding-left: 4em;
	}
	h4 span.l01{
		background: url("/product/nscarbolex/images/common/arrow_h4.png") center top no-repeat;
		background-size: 100% 100%;
		padding: 0.5em 1em 0.5em 0.5em;
	}
	h4 span.l01:before{
		display: none
	}
	h4.style02 {
		font-size: 17px;
	}
	h4.style02 br{
		display: inline-block;
	}
	h4.pl11em{
		padding: 1.8em 0 0;		
	}
	h4.pl11em span.l01{
		background-image: url("/product/nscarbolex/images/common/arrow_h4_02.png");
	}
	
	
	#aboutOuter .aboutContent {
		padding: 2.5em 0;
	}
	#aboutOuter .aboutContent:first-child {
		padding-top: 1em;
	}
	#aboutOuter .aboutContentIn{
		padding: 0 20px;
	}
	#aboutOuter .aboutContentIn.Top .txt{
		font-size: 16px;
	}
	
	.neutral .layout01{
		display: block;
	}
	.neutral .layout01 .L,
	.neutral .layout01 .R{
		width: auto;
	}
	.neutral .layout01 .R{
		margin-top: 1.5em;
		padding: 1em;
	}
	.neutral .layout01 .R .title{
		font-size: 16px;
	}
	
	.neutral .figure02{
		padding: 1em;
	}
	.neutral .figure02 .example{
		font-size: 16px;
	}
	
	.neutral .layout02 {
		margin-top: 1em;
		display: block;
	}
	.neutral .layout02 .layout02In{
		width: auto;
	}
	.neutral .layout02 .layout02In:nth-of-type(n+2){
		margin-top: 1em;
	}
	.neutral .layout02 .layout02In .title{
		font-size: 15px;
		line-height: 1.5em;
		padding: 0.7em;
	}
	.neutral .figure02Main{
		margin-top: 1em;
	}
	.neutral .aboutContentIn > .title{
		font-size: 20px;
	}
	.aboutContentIn > .title {
		font-size: 16px;
	}
	
	.solution .mdl .boderB{
		padding-bottom: 25px;
	}
	.solution .mdl .boderB + h4{
		margin-top: 1.5em;
	}
	
	
	.solution .COMINGSOON{
		display: block;
	}
	.solution .COMINGSOON .CSIn{
		width: auto;
		padding: 2em 20px;
	}
	.solution .COMINGSOON .CSIn .image {
		width: 70%;
	}
	.solution .COMINGSOON .txt{
		font-size: 32px;
	}
	
	.solution .COMINGSOON .image {
		width: 80%;
		max-width: 500px;
	}
	.solution .COMINGSOON .csOuter .txt {
		font-size: 17px;
		margin-top: 1.5em;
	}
	.solution .COMINGSOON .csOuter .cs{
		font-size: 18px;
	}
	
	
	
	
	.solution .layout01{
		display: block;
	}
	.solution .layout01 .L,
	.solution .layout01 .R{
		width: auto;
	}
	.solution .layout01 .R{
		margin-top: 1.5em;
	}
	

	.solution .figure01SPBlock{
		margin-bottom: 2em;
	}
	.solution .figure01SPBlock .figure01SPBlockIn{
		border-radius: 10px;
		overflow: hidden;
	}
	.solution .figure01SPBlock .figure01SPBlockIn:nth-of-type(n+2){
		margin-top: 1em;
	}
	
	.solution .figure01SPBlock .figure01SPBlockIn .mainTitle{
		max-width: 70%;
		margin: 0 auto;
		position: relative;
		z-index: 20;

	}
	.solution .figure01SPBlock .figure01SPBlockIn .disc{
		color: #fff;
		padding: 2.5em 20px 1em;
		position: relative;
		top: -2em;
		z-index: 10;
		border-radius: 10px 10px 0 0;
	}
	.solution .figure01SPBlock .figure01SPBlockIn .disc ul{
		width: fit-content;
		margin: 0 auto;
	}
	.solution .figure01SPBlock .figure01SPBlockIn .disc ul li{
		margin-top: 0 !important;
	}
	.solution .figure01SPBlock .figure01SPBlockIn .disc > p{
		font-size: 16px;
		margin-bottom: 0.5em;
	}
	
	.solution .figure01SPBlock .OCContentArea{
		padding: 15px;
		margin-top: -2em;
	}
	.solution .figure01SPBlock .OCContentArea .OCContentIn{
		position: relative;
		z-index: 10;
	}
	.solution .figure01SPBlock .OCContentArea .OCContentIn:nth-of-type(n+2){
		margin-top: 1em;
	}
	.solution .figure01SPBlock .OCContentArea .ClickTitle{
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		border-radius: 10px;
		padding: 0.8em;
		position: relative;
	}
	.solution .figure01SPBlock .OCContentArea .ClickTitle:before{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0.8em;
		margin: auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0.7em 0.4em 0 0.4em;
		border-color: #fff transparent transparent transparent;
		transition: 0.2s;
	}
	.solution .figure01SPBlock .OCContentArea .ClickTitle.open{
		border-radius: 10px 10px 0 0;
	}
	.solution .figure01SPBlock .OCContentArea .ClickTitle.open:before{
		transform:rotate(180deg); 
	}
	.solution .figure01SPBlock .OCContentArea .figure{
		display: none;
	}



	.solution .figure01SPBlock .figure01SPBlockIn.automobile .OCContentArea{
		background: #edf0ff;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.automobile .disc,
	.solution .figure01SPBlock .figure01SPBlockIn.automobile .OCContentArea .ClickTitle{
		background: #718cc7;
	}

	.solution .figure01SPBlock .figure01SPBlockIn.energy .OCContentArea{
		background: #f0fff3;
		color: #000;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.energy .disc,
	.solution .figure01SPBlock .figure01SPBlockIn.energy .OCContentArea .ClickTitle{
		background: #43A55B;
		color: #fff;
	}

	.solution .figure01SPBlock .figure01SPBlockIn.infra .OCContentArea{
		background: #EFF5FD;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.infra .disc,
	.solution .figure01SPBlock .figure01SPBlockIn.infra .OCContentArea .ClickTitle{
		background: #3A64AD;
	}
	
	.solution .figure01SPBlock .figure01SPBlockIn.mix .OCContentArea{
		margin: 0;
		position: relative;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.mix .OCContentArea:before{
		content: "";
		background: #F6F2DE;
		position: absolute;
		left: 0;
		height: 50%;
		width: 100%;
		display: block;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.mix .OCContentArea.AE{
		background: #EEF7F0;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.mix .OCContentArea.AE:before{
		bottom: 0;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.mix .OCContentArea.AE .ClickTitle{
		background: rgb(58,100,173);
		background: linear-gradient(315deg, #43a55b 0%, #718cc7 100%);
	}
	.solution .figure01SPBlock .figure01SPBlockIn.mix .OCContentArea.EI{
		background: #EFF5FD;
		padding-top: 0;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.mix .OCContentArea.EI:before{
		top: 0;
	}
	.solution .figure01SPBlock .figure01SPBlockIn.mix .OCContentArea.EI .ClickTitle{
		background: rgb(58,100,173);
		background: linear-gradient(315deg, #3a64ad 0%, #43A55B 100%);
	}

	.product_list_link{
		top: 70%;
	}
	.product_list_link a{
		padding: 10px 10px;
		font-size: 12px;
	}
	.product_list_link a:before{
		width: 30px;
    	height: 30px;
	}
	
	.neutral .figure01 .figure02{
		padding: 1em;
	}
}