@charset "utf-8";



.mt50{
	margin-top:50px;
}



article section{
	padding:0;
}
section#talk dt.pronunciation{
	padding-top: 2px;
	text-align: center;
	line-height: 1.25;
}
section#talk dt.pronunciation span{
	display: block;
	font-size:9px;
}
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%;
}
.kvArea p{
	line-height:1.75;
	letter-spacing: 0.1em;
}
.sectionHeader{
	margin-bottom:3em;
}
.sectionHeader span{
	display: inline-block;
	margin-left: 1em;
	padding: 0.35em 0.5em 0 1.25em;
	color:#fff;
	font-weight: bold;
	background: #005cca;
	position: relative;
}
.sectionHeader span:before{
	content: "";
	width: 0;
	height: 0;
	border:transparent 14px solid;
	border-left-color: #005cca;
	border-width: 17px 12px;
	position: absolute;
	top: 0;
	left: -1.5em;
	transform:rotate(180deg);
}
.sectionHeader span:after{
	content: "●";
	font-size:12px;
	position: absolute;
	top: 22%;
	left: 0;
}
.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 span{
	display: block;
	padding:0 10px;
	font-size: 10px;
}
.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.noneSubtitle{
	margin-bottom: 3em;
	padding:30px;
}
section.caseStudySArea.noneSubtitle h3{
	margin:0 0 0.5em 0;
	padding:0;
	font-size:1.5em;
	font-weight:bold;
}
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%;
	margin-bottom: 0;
}


section.caseStudySArea div.wrapper p{
	margin-bottom: 1em;
}
section.caseStudySArea div.wrapper p a{
	color:#fff;
	transition:0.3s opacity;
}
section.caseStudySArea div.wrapper p a[target]:after{
	content: "\f2d2";
	padding-left:0.5em;
}
section.caseStudySArea div.wrapper a:hover{
	opacity: 0.7;
}


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;
}

article section aside{
	margin: 50px 0;
	padding: 0 10px 1px 10px;
	background: #eaf6fd;
}
article section aside h4:nth-of-type(1){
	margin: 0;
	padding: 0.75em 10px 10px 10px;
	color: #00a0e9;
}
article section aside h4{
	margin: 0;
	padding: 0;
}
article section aside div{
	margin-bottom: 10px;
	padding: 10px 20px;
	border-radius: 10px;
	background: #fff;
}
article section aside div h5{
	margin: 0 0 0.5em 0;
	padding: 0 0 0.25em 0;
	border-color:#00a0e9;
}

.caption{
	word-break: break-all;
}


.termArea{
	margin-bottom: 30px;
	padding: 20px;
	background: #eee;
}
.termArea h4{
	padding: 10px 10px 3px 10px;
	color:#fff;
	background: #5f7c8e;
}
.termArea h4 br{
	display: none;
}
.termArea ol{
	margin: 0;
	padding: 0 10px;
	list-style:none;
	counter-reset: number 0;
}
.termArea ol li{
	display: flex;
	margin-bottom: 1em;
}
.termArea ol li:before{
	padding: 0 1em 0 0;
	font-weight: bold;
	counter-increment: number 1;
	content: "※" counter(number);
}
.termArea ol li h5{
	margin: 0 0 0.5em 0;
	padding: 0;
}
.termArea ol li p{
	margin: 0;
	padding: 0;
}
.termArea ol.start3{
	counter-reset: number 2;
}



section#talk .introduction_talk p:nth-of-type(1){
margin-bottom: 0;
padding-bottom: 0;
font-size:0.875rem;
font-weight:bold;
}
section#talk .introduction_talk p:nth-of-type(2){
margin-top: 0;
padding: 0 10px 15px 10px;
}



@media screen and (max-width: 480px){
	section#talk dt.name_one{
		background:#ff6;
	}
	section#talk dt.name_two{
		background:#cff;
	}
	section#talk dt.name_three{
		background:#fcf;
	}
	section#talk dt.name_four{
		background:#dfc;
	}
	section#talk dt.name_five{
		background:#fdc;
	}
	section#talk dt.name_six{
		background:#dcf;
	}
	section#talk dt.pronunciation{
		width: auto;
		padding: 5px 5px 2px 5px;
	}
	section#talk dt.pronunciation span{
		display: inline-block;
		padding-left: 0.5em;
	}
	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;
	}
	.termArea{
		padding: 10px;
	}
	.termArea h4 br{
		display: block;
	}
	.termArea ol{
		padding: 0;
	}
}