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


/*------------------------------------------------
 contents common
------------------------------------------------*/
section{
	padding:30px 0;
	position: relative;
	text-align: center;
}

section h3{
	margin:0 auto 20px;
	line-height: 1.5em;
	font-size: 1.25em;
	font-weight: bold;
	color:#2b84d2;
	text-align: left;
}

@media screen and (max-width:767px) {
	
section h3{
	text-align: center;
	}
	
	.co{
		padding: 0;

	}
	
.intoro.co{

	width: 90%;

	}	
	
section h3 br{
	display: block;
}
	
}


/*------------------------------------------------
 performanceTop
------------------------------------------------*/

/* main ------------------------------------------*/

#mainHdImg{
	width:100%;
	height:290px;
	padding-top:30px;
	box-sizing: border-box;
	background-size:cover;
	min-width: 980px;
	max-width: 1440px;
	margin: 0 auto;
}
.performanceTop #mainHdImg{
	height:290px;
	background-image:url(../images/performance_top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.performanceTop #mainHdImg .logoMark{
	display: block;
	height:1.4em;
	color:#2b84d2;
	font-size: 2em;
	padding: 0.5em 0;
}
.performanceTop #mainHdImg .logoMark::before{
	font-family: 'marurino';
	content:'\e90f';
	font-size:1.5em;
	margin-right:8px;
	vertical-align: -0.2em;
}
.performanceTop #mainHdImg h2{
	width:85%;
	margin:10px auto 15px;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
	color:#614336;
	padding-top: 0;
/*	border-top:solid 1px #614336;
	border-bottom:solid 1px #614336;*/
}
.performanceTop #mainHdImg h2 + p{

    font-size: 1.1em;
    line-height: 1.6em;
}


.performanceTop section h3{
	text-align: center;
	}


@media screen and (max-width:767px) {
	
#mainHdImg{
	min-width: 0px;
	height:170px;
}
.performanceTop #mainHdImg{
	height:212px;
		padding-top:30px;
	background-position: center 29%;
}


.performanceTop #mainHdImg .logoMark{
	font-size: 1.3em;
	padding: 0;
}
	
.performanceTop #mainHdImg h2{
    width: 85%;
    margin: 16px auto 20px;
    padding: 0.8em 0 0.75em;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    color: #614336;
    border-top: solid 1px #614336;
    border-bottom: solid 1px #614336;
}
	
.performanceTop #mainHdImg h2 + p{
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
	line-height: 1.5;
}

}


/* performance1 ------------------------------------------*/
#performance1 p{
	line-height: 1.7em;
	margin: 0 auto 1em;
}


#performance1 figure{
	margin:50px auto 0;
	background-color: #fff;
	padding-bottom: 50px;
		min-width: 980px;
	max-width: 1160px;
}
#performance1 figure img{
	width:60%;
	height: auto;
	margin-top:50px;
}

#performance1 figcaption ul{
	width:90%;
	margin:15px auto 0;
	counter-reset:perform;
}
#performance1 figcaption li{
	padding:0 0 1.2em 3em;
	text-align: left;
	position: relative;
}
#performance1 figcaption li span{
	display: block;
	font-size:1.15em;
	font-weight: bold;
}
#performance1 figcaption li::before{
	counter-increment:perform;
	content:counter(perform);
	display: block;
	width:2em;
	height: 2em;
	padding-top:0.4em;
	text-align: center;
	position: absolute;
	left:0;
	top:0;
	color:#fff;
	background-color: #2b84d2;
	border-radius: 50%;
	box-sizing: border-box;
}

@media screen and (max-width:767px) {
	
#performance1 figure{
		min-width: 0;
}
	
#performance1 p{
	width: 100%;
	margin-bottom: 0;
}
	
#performance1 figure{
	margin:25px auto 0;
}

#performance1 p br{
	display:block;
}
#performance1 figure{
	padding-bottom: 0;
	width: 90%;
}
#performance1 figure img{
	width:100%;
	height: auto;
	margin-top:-3px;
}
}

/* performance2 ------------------------------------------*/

#performance2 .co{
	max-width: 1160px;
	min-width: 980px;
	margin: 0 auto;
}

#performance2 p:first-child{
	font-weight: bold;
	margin-bottom:15px;
	font-size: 1.5em;
}

#performance2 h3{
	border-bottom:solid 1px #2b84d2;
	padding-bottom:10px;
	margin-bottom:5px;
	font-size: 1.5em;

}
#performance2 h3 span{
	font-size: 1.7em;
}
#performance2 h3 span.sub{
	display: block;
/*	border-bottom:solid 1px #2b84d2;*/
	border-top:solid 1px #2b84d2;
	padding:15px;
	font-size: 0.7em;
}

#performance2 ul{
	counter-reset:perform2;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	
}
#performance2 li{
	text-align: left;
	padding:20px 0;
	padding-left:2em;
	padding-right:2.5em;
	font-size:0.9em;
	position: relative;
	border-bottom:solid 1px #d5d4af;
	width: 20%;
	display: inline-block;
}

#performance2 li a{
	display: block;
}



#performance2 li::before{
	font-family: 'marurino';
	content: '\e92f';
	color:#2b84d2;
	font-size:2em;
	position: absolute;
	right:3px;
	top:50%;
	margin-top: -0.5em;
}
#performance2 li img{
	width:42px;
	height: 42px;
	position: absolute;
	left:40%;
	top:0;
	margin-top:-21px;
}
#performance2 li h4{
	font-size:1.2em;
	font-weight: bold;
}
#performance2 li:nth-child(1) h4{
	color:#ffa233;
}
#performance2 li:nth-child(2) h4{
	color:#4091bf;
}
#performance2 li:nth-child(3) h4{
	color:#85ac94;
}
#performance2 li:nth-child(4) h4{
	color:#e55d3e;
}
#performance2 li:nth-child(5) h4{
	color:#698357;
}
#performance2 li h4::before{
	counter-increment:perform2;
	content:counter(perform2);
	font-size:1.9em;
	color:#2b84d2;
	padding-right:5px;
}

#performance2 li a p{
	color: #000000;
}

#performance2 li a:hover p{
	color: #2b84d2;
}



@media screen and (max-width:979px) {
	
#performance2 .co{
	min-width: 0;
}
	
#performance2 li{
	padding-left:1em;
	padding-right: 2em;
	}
	
#performance2 li h4 {
	white-space: nowrap;

}
	
}

@media screen and (max-width:767px) {
	
#performance2 .co{
	width: 90%;
}
	
	#performance2 p:first-child{
		font-size: 1em;
	}


#performance2 h3 span.sub{
	padding:3px 0;
border-bottom: solid 1px #2b84d2; 
}
	
#performance2 h3 {
    padding-bottom: 5px;
}
	
#performance2 li img{
	left:0;
	top:50%;
	margin-top:-21px;
}
	
#performance2 ul {
    display:block;
    margin-top: 0;
}	
	
#performance2 li {
    padding: 10px 0;
    padding-left: 53px;
    padding-right: 2em;
    width: auto;
    display: block;
}	
}

/*------------------------------------------------
 performance pages
------------------------------------------------*/

/* main ------------------------------------------*/
.temperature #mainHdImg{
	background-color: #FFA233;
}
.drainage #mainHdImg{
	background-color: #4091BF;
}
.sound #mainHdImg{
	background-color: #A5B79A;
}
.wire #mainHdImg{
	background-color: #E55D3E;
}
.quality #mainHdImg{
	background-color: #769669;
}

.categoryLabel{
	width:100%;
	padding:10px;
	color:#fff;
	background: #000;
	position: absolute;
/*	top:70px;*/
	top:0;
	left:0;
	text-align: right;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.categoryLabel .logoMark{
	position: absolute;
	left:10px;
	top:8px;
	display: block;
	height:1.4em;
	color:#2b84d2;
	font-size: 1.2em;
}
.categoryLabel .logoMark::before{
	font-family: 'marurino';
	content:'\e90f';
	font-size:1.5em;
	margin-right:8px;
	vertical-align: -0.2em;
}
#mainHdImg h2 {
	padding-top:100px;
	font-size: 2em;
	font-weight: bold;
}

#mainHdImg h2 br{
	display: none;
}

#mainHdImg h2 img{
	vertical-align: -0.2em;
	margin-right: 0.3em;
}

#mainHdImg h2 span{
	display:block;
	font-size:0.8em;
	color:#000;
	padding: 0.5em;
	font-weight: normal;
		
}

@media screen and (max-width:767px) {
#mainHdImg h2 {
	padding-top:25px;
	font-size: 1.5em;
}

#mainHdImg h2 br{
	display: block;
}

#mainHdImg h2 img{
	vertical-align:inherit;
	margin-right: 0;
}

#mainHdImg h2 span{
	font-size:0.7em;
	padding: 0;
	font-weight: bold;
		
}
}



/* contents ------------------------------------------*/

.performance .intro.co{
	max-width: 1160px;
	min-width: 980px;
	margin: 0 auto;
}

.performance .co{
	max-width: 1160px;
	min-width: 980px;
	margin: 0 auto;
}

.performance .contents p{
	text-align: left;
	line-height: 1.8em;
}

.performance .intro .wpp{
	display: flex;
	justify-content: space-around;
}

.performance .intro .wpp div{
	width: 40%;
}

.performance .intro h4{
	margin: 2em auto 1em;
	line-height: 2em;
	color: #2b84d2;
	border: 1px solid #2b84d2;
}
.performance .intro img{
/*	width: 130px;*/
/*	margin: 15px auto;*/
	width: 20%;
	display: inline-block;
	margin: 0 30px 30px 0;
}

.performance .intro .txBox{
	width: auto;
	width: 74%;
	display: inline-block;
	vertical-align: top;
}

.cap{
	margin-top: 5px;
	font-size: 0.9em !important;
	text-align: center;
}

@media screen and (max-width:676px) {
	
.performance .intro.co{
	min-width: 0;
}
	
.performance .co{
	min-width: 0;
}
	
.performance .intro.co{
	width: 90%;
}
	
.performance .co{
	width: 90%;
}
	
.performance .intro img {
    width: 130px;
    margin: 15px auto;
}
	
.performance .intro .txBox{
	width: auto;
	width:100%;
	display: inline-block;
	vertical-align: top;
}
	
.performance .intro .wpp{
	display: block;

}

.performance .intro .wpp div{
	width: 100%;
}
	
.performance .intro h4{
	font-weight: bold;
	margin-bottom: 0.5em;

}
	
.performance .contents p{
	line-height: 1.5em;

}

}

/*** seg ***/
.seg{
	margin-top: 30px;
	padding: 25px 5% 35px;
	background-color: #edf1eb;
}

.seg .co{
	max-width: 1160px;
	min-width: 980px;
	margin: 0 auto;
}

.seg h4{
	margin:0 auto 15px;
	padding:0.5em 1em;
	color:#fff;
	background-color: #2b84d2;
	font-weight:bold;
	font-size:1.3em;
	text-align: left;
}
.seg p.lead{
	margin-bottom: 15px;
	font-weight:bold;
	font-size:1.1em !important;
	color: #2b84d2;
	text-align: left;
}

/*.seg p.lead+p{
	width: 80%;
	margin: 0 auto;
}*/

.seg p.lead br{
	display: none;
}

.seg .txBox{
	margin-bottom: 40px;
	
}

.seg p.subLead{
	margin: 10px auto 5px;
	font-weight:bold;
	font-size:1em;
	color: #000;
	position: relative;
}
.seg .bdrT{
	padding-top: 25px;
	border-top: 2px solid #2b84d2;
	margin-top: 30px;
}
.seg sup{
	margin: 0 2px;
	vertical-align: baseline;
	position: relative;
	top: -1ex;
}
.seg .note{
	margin-top: 0.5em;
	font-size: 0.85em;
	line-height: 1em;
	padding-left: 1em;
	position: relative;
}
.seg .note::before{
	content: "※";
	font-size: 1.3em;
	line-height: 1em;
	position: absolute;
	top: 0;
	left: 0;
}
.seg .imgBox{
	width:100%;
	margin: 10px auto;
	position: relative;
}
.seg .imgBoxC{
	width:100%;
	margin: 10px auto;
}
.seg .imgBoxC img{
	width:100%;
}
.seg .flex.flexHalf span{
	width: 49%;
	height:auto;
	display: inline-block;
}
.seg .flex.flexHalf span img{
	width: 100%;
}
.seg .fukidashi{
	margin: 25px 20% 40px;
	padding: 12px;
	position: relative;
	background-color: #fff;
	border: 1px solid #2b84d2;
	font-size: 0.9em;
	width: 60%;
}
.seg .fukidashi:before{
	content: "";
	border: 12px solid transparent;
	border-bottom: 12px solid #2b84d2;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -6px;
}
.seg .fukidashi:after{
	content: "";
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -6px;
}

.seg .orgBtn{
	margin-bottom: 0;
	font-size:120%;
	padding: 0.5em 6em 0.5em 3em;
	font-weight: normal;
}

#related{
	margin-top: 35px;
	text-align: left!important;
}
#related p{
	margin-bottom: 20px;
	text-align: left;
	color: #2b84d2;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.3em;
	border-top: solid 1px #2b84d2;
	border-bottom: solid 1px #2b84d2;
}

#related .flex{
	justify-content: flex-start;
}

#related .flex li{
	width: 18.8%;
	margin-right: 2%;
}
#related .flex li img{
	width: 100%;
	margin-bottom: 10px;
}
#related a{
	text-decoration: underline;
}


@media screen and (max-width:676px) {
	
.seg .co{
	padding: 0;
	min-width: 0;
	width: 100%;
}
	
.seg h4{
	text-align: center;
    padding: 0.2em 0;
}
	
	.seg p.lead{
		text-align: center;
	}	
.seg p.lead br{
	display:block;
}	
	
.seg p.lead+p{
	width: 100%;
}
	
.seg .fukidashi{
	width: auto;
	margin: 25px 0;
		letter-spacing: 0.03em;
	font-size: 100%;
}
	
.seg .txBox{
	margin-bottom: 10px;
	
}
	
.seg .orgBtn{
	margin-bottom: 0;
	font-size: 3.5vw;
	padding: 0.7em 2.5em 0.7em 1em;
	font-weight: bold;
}
#related .flex{
	justify-content:space-between;
}
#related .flex li{
	width: 45%;
	margin-right: 0;
}
	
	#related .flex li a{
		color: #000000;
	}	
	
.seg .note{
	font-size: 1em;
}
	
	
.sound .seg .bdrT{
		margin-top: 0px;
	}	
}


/***before after***/

.beforeBox{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.afterBox{
	width: 38%;
	display: inline-block;
	vertical-align: top;
}

.arw{
	display: inline-block;
	margin: 0 3%;	
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #2b84d2;
	margin-top: 50px;


}

.beforeBox img,
.afterBox img{
	width: 104%;
	margin-left: -4%;
}


.sound .beforeBox{
	width: 38%;
}


.wire .beforeBox{
	width: 42%;
	margin-right: 7%;
	margin-bottom: 40px;
}

.wire .afterBox{
	width: 48%;
}

.wire .seg .fukidashi{

	margin: 25px 0;
}


@media screen and (max-width:676px) {
.beforeBox{
	width: 100%;
}

.afterBox{
	width: 100%;
}
	
.afterBox img{
		width: 63vw;
	}
	
.sound .beforeBox{
	width: 100%;
}
	
.sound .beforeBox img{
		width: 63vw;
}
	
	
.drainage .afterBox img{
		width: 70vw;
	margin-top: -15px;
	}	
	
.arw{
	margin: 20px 3% 0;	
	border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #2b84d2;
}
	
	.sound .arw{
		display: none;
	}
	
.drainage .arw{
	margin: 10px 3% 0;	
	border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 15px solid #2b84d2;
	}
	
.wire .beforeBox{
	width: 100%;
	margin-right:0;
	margin-bottom: 10px;
}

.wire .afterBox{
	width: 100%;
}
	
.wire .afterBox img{
	width: 100%;
}

}

/*** caseStudy ***/
.caseStudy {
	padding:20px 0 0;
	position: relative;
}

.caseStudy .co{
	position: relative;
	max-width: 1160px;
	min-width: 980px;
	margin: 0 auto;
}
.caseStudy h4{
	padding-top:1.5em;
	line-height: 1.5em;
}
.balloonH{
	width: 6em;
	height: 6em;
	padding-top: 1em;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1.35em;
	color: #fff;
	background-color: #000;
	border-radius: 50%;
	box-sizing: border-box;
}
.caseStudy .balloonH + p{
	padding-left: 6em;
	color:#2b84d2;
	font-size: 1.1em !important;
	font-weight: bold;
	text-align: left;
}

.caseStudy ul{
	margin-top: 2em;
	
	display: flex;
	justify-content: space-between;
}
.caseStudy li{
	margin-bottom: 8px;
	width: 31%;
}
.caseStudy li:last-child{
	margin-bottom: 0;
}
.caseStudy ul .imgBox{
	width: 50%;
	margin-right: 1em;
	padding: 0;
}
.caseStudy ul img{
	width: 100%;
	vertical-align: top;
}
.caseStudy li > div{
	width:55%;
}
.caseStudy li p{
	padding-bottom:0.5em;
}
.caseStudy a{
	display: block;
	padding:0.3em 1em;
	text-align: center;
	color:#fff;
	background-color: #2b84d2;
	font-size: 0.8em;
	border: #2b84d2 solid 1px;
}
.caseStudy a::after{
	font-family: 'marurino';
	content:'\e954';
	padding-left:0.5em;
}

.caseStudy a:hover{
	color:#2b84d2;
	background-color: #ffffff;
}

@media screen and (max-width:676px) {
	
.caseStudy .co{
	min-width: 0;
	position:static;
	width: 90%;
}
	
.balloonH{
	left: 4%;
	top: -10px;
}
	
.caseStudy ul{
	display:block;
}
.caseStudy li{
		display:inline-block;
	width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
	
	
.caseStudy ul .imgBox {
	display: block;
    width:100%;
    margin-right: 1em;
    padding: 0;
}
	
	.caseStudy li > div{
		width: 100%;
	}
	
	
.caseStudy li > div p {
	font-size:100%;
}	
	
.caseStudy a{
	font-size: 1em;
}
	
}

/* temperature, drainage ------------------------------------------*/
.temperature .seg .imgBox,
.drainage .seg .imgBox{

}
.temperature .seg .imgBox img,
.drainage .seg .imgBox img{

}


@media screen and (max-width:676px) {
	
.temperature .seg .imgBox,
.drainage .seg .imgBox{
	height: 93vw;
}
.temperature .seg .imgBox img,
.drainage .seg .imgBox img{
	width:93vw;
	position: absolute;
	right: 0;
	top: 0;
}
	
.temperature .arw{
	display: none;

}

.temperature .afterBox img {
	margin-top: 30px;
	width: 76%;

}
	
}

/* drainage ------------------------------------------*/



/* sound ------------------------------------------*/

.sound .seg .listTitle{
	font-weight: 700;
	text-align: center;
}
.sound .seg ul{
	margin-top: 0.5em;
	font-size: 0.95em;
	text-align: left;
}
.sound .seg ul li{
	margin: 0.5em 0;
	font-size: 1em;
	line-height: 1.2em;
	vertical-align: bottom;
	padding-left: 1.3em;
	position: relative;
}
.sound .seg ul li::before{
	content: "■";
	font-size: 1em;
	line-height: 1em;
	color: #2b84d2;
	position: absolute;
	top: 1px;
	left: 0;
}
.sound .seg .imgBox img{
	width:60%;
}

.sound .seg .boxL{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-right: 3.2%;
}

.sound .seg .boxL .fukidashi{
margin: 25px auto 0;
}

.sound .seg .boxR{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.sound .seg .boxR > div{
	margin-top: 15px;
}

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

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

.sound .seg .boxL{
	width: 100%;
	margin-right: 0;
}

.sound .seg .boxL .fukidashi{
margin: 25px auto;
}

.sound .seg .boxR{
	width: 100%;
}

.sound .seg .boxR > div{
	margin-top: 5px;
}
	
.sound .seg .imgBox img{
	width:65vw;
}
	
	
}

/* wire ------------------------------------------*/

.wire .intro img{
	width: 100%;
	margin-bottom: 0;
	margin-top: 10px;
		
}
.wire .cap{
	text-align: center !important;
}
.wire .seg .imgBox{
	height: 70vw;
}
.wire .seg .imgBox img{
	width:60%;
	position: absolute;
	right: 0;
	top: 0;
}
.wire .seg .imgBox + .imgBox{
	position: static;
	width: 100%;
	height: auto;
}
.wire .seg .imgBox + .imgBox img{
	position: static;
	width: 100%;
	vertical-align: middle;
}

.wire .seg .boxL{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-right: 3.2%;
	
}

.wire .seg .imgBoxC{
	width: 48%;
	display: inline-block;
	margin-top: -40px;
}

@media screen and (max-width:969px) {
	
.wire .seg .imgBoxC{
	margin-top:0;
}	
	
}

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

.wire .intro img{
	width: 96%;
	margin: 15px auto 0;
	
}
.wire .seg .boxL{
	width: 100%;
	margin-right: 0;
	
}

.wire .seg .imgBoxC{
	width:100%;
	margin-top: 10px;
	margin-bottom: 0;
}	
	
.wire .seg .imgBox img{
	width:93vw;

}	
}

/* quality ------------------------------------------*/

.quality .contents{
	padding-bottom: 0;
}
.quality .flex div{
	width: 32%;
	height:auto;
}
.quality .flex div img{
	width: 100%;
}

.quality .seg .txBox+div{
	width: 60%;
	margin: 0 auto 40px;
}

.quality .seg .boxL{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-right: 3.2%;	
}

.quality .seg .imgBoxC{
	width: 48%;
	display: inline-block;
	vertical-align: top;	
}

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

@media screen and (max-width:767px) {
	
	.quality .seg .txBox{
		margin-bottom: 0;
	}
	
.quality .seg .txBox+div{
	width: 100%;
	margin: 10px auto 10px;
}
	
.quality .seg .boxL{
	width: 100%;
	margin-right: 0%;	
}

.quality .seg .imgBoxC{
	width: 100%;
	margin-bottom: 0;
}	
	
}

/* performanceNavi ------------------------------------------*/

#performanceNavi .co{
	max-width: 1160px;
	min-width: 980px;
	margin: 0 auto;
}

#performanceNavi {
	background-color: #f2f2e7;
}
#performanceNavi h3{
	border-top:solid 1px #2b84d2;
	border-bottom:solid 1px #2b84d2;
	margin-bottom:5px;
	font-size: 1.3em;
	line-height: 2em;
	text-align: center;
	padding: 0.5em;
}
#performanceNavi h3 span{
	font-size: 1.7em;
}
#performanceNavi ul{
	margin-top: 1em;
}
#performanceNavi li{
	width: 20%;
}
#performanceNavi li img{
	width: 35%;
}
#performanceNavi li h4{
	margin-top: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
}

#performanceNavi li a h4{
	color: #000000;
}

@media screen and (max-width:969px) {
	
#performanceNavi .co{
	min-width: 0;
}	
	
}

@media screen and (max-width:676px) {
	
#performanceNavi .co{
	width: 90%;
}
	
#performanceNavi h3{
	padding: 0;
}
	
#performanceNavi li img{
	width: 65%;
}
	
#performanceNavi li h4{
	font-size: 0.9em;

}
	
}

/*-------------------*/
.bnArea {
    width: 80%;
    margin: 40px auto;
	
	display: flex;
	justify-content: space-between;
}

.bnArea img{
    width: 100%;
	
}

.bnArea a{
	display: block;	
	width: 48%;
}

.bnArea a:first-child{
	margin-bottom: 20px;
}

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

@media screen and (max-width:676px) {
	
.bnArea {
	width: 100%;
	display: block;
}

.bnArea a{
	width: 100%;
}
}


/*	インタビュー（熱）
--------------------------------------------------------------------------------------- */

#about {
	width: 890px;
	margin: 40px auto;
	box-shadow: 1px 1px 4px #ccc;
	padding:35px;


}
	

#about .phMain {
	margin-bottom: 30px;
}

#about h3 {
	margin-bottom: 20px;
}

#about p{
	font-size: 90%;
}

#about .prof {
	font-size:85%;
	line-height:1.5em;
	margin: 30px 0 55px;
}
#about .prof img {
	float: left;
	width: 15.7%;
}
#about .prof .txt {
	float: left;
	overflow: hidden;
	width: 80%;
	margin-bottom: 30px;
	margin-left:3%;
}
#about .prof .name {
	font-size: 116% !important;
	font-weight: bold;

}
#about .prof .career,
#about .prof .award{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
#about .prof table {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size:77%;
	line-height:1.4em;
}
#about .prof .left th {
	font-weight: normal;
	width: 19%;
}
#about .prof .right th {
	font-weight: normal;
	width: 14%;
}
#about .prof th,
#about .prof td {
	padding: 2px 0;
}

#about .txs{
font-size: 80%;
	margin-top: 1em;
	margin-bottom: 2em;

}

#about .graphCap {
	margin: 15px 0 50px;
/*	background: url(../performance/img/mlit.gif) right top no-repeat;*/
}
#about .graphCap p {
	width: 76%;
	font-size:80%;
	line-height:1.5em;
	text-align:left;
	margin: 0 12%;

}


#about .intvLeft {
	float: left;
	margin-bottom: 40px;
	width: 33.7%;
}
#about .intvRight {
	float: right;
	width: 60%;
}

#about .graph {
	border-bottom: 1px #999 dotted;
	padding-bottom: 30px;
	margin: 30px 0;
}

#about .graphCenter {
	text-align:center;
}

#about .sstBk{
	background-color: #000;
	color: #fff;
	padding: 0.3em 0.5em;
	margin:1.8em 0 1em;
	width: 25%;
	text-align: center;
	font-size: 1.2em;
}

#about .sst{
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 0.6em;
}

#about .sst span{
	color: #2b84d2;
}

#about .ssts{
	font-weight: bold;
	font-size: 115%;
	color: #000;
	margin-bottom: 1em;
}

#about .ssts span{
	color: #2b84d2;	
}

#about .mbs{
	text-align: center;
	margin-bottom: 0.5em;
}

#about .txg{
	text-align: right;
}


#about .about_t h2 {
	text-indent:-9999px;
}

#about .about_t p {
	font-size:16px;
	color:#666;
	margin-left:70px;
	margin-top:180px;
	font-weight:bold;
}

#about .ttl_t {
	text-align:center;
	margin-bottom:30px;
}

@media screen and (max-width:969px) {
#about {
    width: auto;
}
	
	#about .phMain img{
		width: 100%;
		height: auto;
	}
	
}

@media screen and (max-width:676px) {
	
	#about{
		margin: 0;
		padding: 15px;
	}
	
	#about .phMain {
	margin-bottom: 15px;
}
	#about .prof .txt {
		margin-bottom: 0;
	}
#about .prof .career,
#about .prof .award{
	width: 100%;
	margin-top: 15px;

}
	
#about .prof .career table {
    width: 100%;
}
	
	#about .graphCenter img{
		width: 100%;
	}
	
#about .sstBk {
    margin: 1.8em auto 1em;
    width:60%;
}
	
#about .sst {
	text-align: center;

}
#about p {
    font-size: 100%;
	line-height: 1.6;
}
#about .graphCap p {
    width: 100%;
    margin: 0;
}
	
#about .intvLeft {
    float:none;
	margin: 0 25% 30px;
    width: 50%;
}
	
#about .intvRight {
    float:none;
    width: 100%;
	margin-bottom: 30px;
}
	
	#about #ttl_h3_05{
		margin-top: 30px;
	}
	
#about .graphCap {
	margin: 15px 0 10px;
}
}