@charset "utf-8";



article section{
	padding:0;
}
section#talk dd{
	width:870px;
}
section#talk > dl:first-of-type{
	margin-bottom:30px !important;
}
section.firstarea{
	margin:50px 0;
	border:1px #999 solid;
	border-width: 1px 0;
}
section.firstarea h3{
	margin:10px 10px 0 10px;
}
section.firstarea p{
	text-align: left;
}
section#talk .introduction_talk + dl, section#talk div.left680.image_center {
	clear: inherit;
}
section#talk div.left680.image_center p {
	margin-right: auto;
	margin-left: auto;
}
section#talk div.left680 {
	width: 680px;
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
h3,.clear{
	clear:both;
}
.kvArea{
	margin-bottom:3em;
}
.kvArea img{
	width:100%;
}
.sectionHeader{
	margin-bottom:3em;
}
.sectionHeader p.pagelabel{
	display: inline-flex;
	margin:0;
	padding:1em 1.5em 0.5em 1.5em;
	color:#fff;
	background:#00afec;
	align-items: center;
}
.sectionHeader p.pagelabel br{
	display: none;
}
.sectionHeader p.pagelabel span:nth-of-type(2){
	padding-left:0.25em;
	font-size:4em;
	line-height:1;
	letter-spacing: -5px;
}
.sectionHeader h3{
	margin:0.5em 0;
	padding:0;
}
.sectionHeader p{
	font-size:1em;
}
.introduction_talk{
	background: transparent !important;
}
.introduction_talk img{
	width:100%;
}
.introduction_talk > div{
	margin-bottom:30px;
	background:#000;
}
section.caseStudySArea{
	margin:3em 0 7em 0;
	padding:15px 30px;
	color:#fff;
	background:#231109;
	clear: both;
}
section.caseStudySArea p.subTitle{
	padding:0 5px 10px 5px;
	border-bottom:2px #fff solid;
}
section.caseStudySArea p.subTitle:before{
	content: "CASE STUDY　［ ";
	font-family: arial;
	font-weight:bold;
	letter-spacing: 0;
}
section.caseStudySArea p.subTitle:after{
	content: " ］";
	font-weight:bold;
}
section.caseStudySArea sup{
	padding:0;
}
section.caseStudySArea div.wrapper{
	display: flex;
	justify-content: space-between;
}
section.caseStudySArea div.wrapper div{
	width:65%;
}
section.caseStudySArea div.wrapper figure{
	width:30%;
	margin:0;
}
section.caseStudySArea div.wrapper figure img{
	width:100%;
}
section.caseStudySArea div.wrapper div h3{
	margin:0 0 0.5em 0;
	padding:0;
	font-size:1.5em;
	font-weight:bold;
}


section.caseStudySArea div.wrapper.full{
	flex-flow: column;
}
section.caseStudySArea div.wrapper.full div{
	width:100%;
	margin-bottom:1.5em;
}
section.caseStudySArea div.wrapper.full figure{
	display: block;
	width:70%;
	margin:auto;
}
section.caseStudySArea div.wrapper.full figure img{
	width:100%;
}


#p05 div{
	margin:0 0 50px 0;
}
#p05 div table{
	font-size:0.875rem;
	border-collapse: collapse;
}
#p05 div table th,
#p05 div table td{
	border:1px #ccc solid;
	border-width:1px 0;
}
#p05 div table th{
	padding:14px 10px 10px 10px;
	white-space: nowrap;
	background:#f0f3f7;
}
#p05 div table td{
	padding:15px 20px 10px 20px;
}
#p05 div figure{
	margin:0;
	padding:0;
}
#p05 div figure img{
	width:100%;
}
#p05 > div:last-child{
	margin-bottom:7em;
}


#exArea{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#exArea div{
	width:49%;
	margin:0 0 2% 0;
	padding:14px 10px 10px 10px;
	border:2px #00afec solid;
	box-sizing: border-box;
}
#exArea div:nth-of-type(3){
	width:100%;
	margin:0 23% 2% 23%; 
	padding:0;
}
#exArea div h5{
	color:#00afec;
	font-size:18px;
	text-align: center;
	border-color:#00afec;
}
#exArea div:nth-of-type(3) h5{
	margin:0;
	padding:12px 10px 8px 10px;
	color:#fff;
	background:#00afec;
}
#exArea div:nth-of-type(3) p{
	margin:0;
	padding:16px 20px 14px 20px;
}
#exArea div p{
	margin:0;
	padding:0 10px 6px 10px;
}


@media screen and (max-width: 480px) {
	section#talk div.left680 {
		width: 100%;
		float: none;
	}
	section#talk div.left680.image_center p.w50, section#talk div.left680.image_center p.w75 {
		width: 100% !important;
	}
	section#talk div.left680.image_center p.w50 {
		letter-spacing: 0;
	}
	section.caseStudySArea{
		padding:1em;
	}
	.sectionHeader p.pagelabel br{
		display: block;
	}
	section.caseStudySArea p.subTitle:before{
		content: "CASE STUDY";
		display: block;
	}
	section.caseStudySArea p.subTitle:after{
		content: normal;
	}
	section.caseStudySArea div.wrapper{
		flex-flow: column;
	}
	section.caseStudySArea div.wrapper div{
		width:100%;
		margin-bottom:1.5em;
	}
	section.caseStudySArea div.wrapper figure{
		width:100%;
	}
	section.caseStudySArea div.wrapper figure img{
		margin:0;
	}
	section.caseStudySArea div.wrapper.full figure{
		width:100%;
		margin-bottom:10px;
	}
	#exArea{
	}
	#exArea div{
		width:100%;
		margin:0 0 2% 0 !important;
		order: 2;
	}
	#exArea div:nth-of-type(3){
		order: 1;
	}
}