.with-divider { border-top:1px solid #ccc; }

body:not(.type-a) section.mainvisual .type-A,
body:not(.type-b) section.mainvisual .type-B { display:none; }

/*body:not([class*="type-"]) section.mainvisual { padding-top:100vh; }*/

body:not([class*="type-"]) section.mainvisual { padding-top:500px; }

body section.mainvisual .l-loading {
	width:100%;
	position:absolute;
	visibility:hidden;
	opacity:0;
	padding-top:inherit;
	z-index:300;
	top:0px;
	left:0px;
	height:500px;
}
body:not([class*="type-"]) section.mainvisual { overflow:hidden; }
body:not([class*="type-"]) section.mainvisual .l-loading {
	/*padding-top:100vh;*/
	opacity:1;
	visibility:visible;
	transition:all .3s ease;
}

section.mainvisual .l-loading:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 300;
	width: 25px;
	height: 25px;
	margin: auto;
	margin-top:300px;
	border-radius: 50%;
}
body:not([class*="type-"]) section.mainvisual .l-loading:after {
	-webkit-animation: rotate 1s infinite ease;
	        animation: rotate 1s infinite ease;
}

/*html .cartain:not(.onloaded) .l-loading {
	-webkit-animation: rotate 1s infinite ease;
	        animation: rotate 1s infinite ease;
}
*/
.l-loading.on-black:after {
	border: solid 4px rgba(255, 255, 255, .25);
	border-top: solid 4px rgba(255, 255, 255, 1);
}

.l-loading.on-white:after {
	border: solid 4px rgba(0, 0, 0, .25);
	border-top: solid 4px rgba(0, 0, 0, 1);
}

@-webkit-keyframes rotate {
	from { -webkit-transform: rotate(0deg); }
	to   { -webkit-transform: rotate(359deg); }
}
@keyframes rotate {
	from { transform: rotate(0deg); }
	to   { transform: rotate(359deg); }
}


section.voices .voice-field {
	width:89.1%;
	max-width:1140px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
section.voices .voice-field .item-wrapper {
	position:relative;
	top:0%;
	left:0%;
	width:100%;
}
section.voices .voice-field .item { position:absolute; transition:all .5s ease-in-out 0s; }
section.voices .voice-field .item figure { background-size:contain; background-repeat:no-repeat; }
section.voices .voice-field .item figcaption { font-weight:bold; }

section.voices .voice-field .item.biz figure.pic {
	background-image:url("../img/voices_pic-01.png");
}
section.voices .voice-field .item.ai figure.pic {
	background-image:url("../img/voices_pic-02.png");
}
section.voices .voice-field .item.home figure.pic {
	background-image:url("../img/voices_pic-03.png");
}

section.voices .voice-field + p { text-align:center; font-weight:bold; }

section.voices .icon-pepper {
	display:inline-block;
	vertical-align: middle;
	margin-right:.25em;
}
section.voices .icon-pepper .pic {
	padding-top:23.07%;
	background-image:url("../img/logo_pepper.png");
	background-size:contain;
}

section.voices .voice-field .button {
	width:28.07%;
	position:absolute;
	bottom:-5%;
}


/* for Large(PC) */
@media screen and ( min-width:769px ) and (min-device-width:813px) {

	/*section.voices .voice-field { min-width:950px; }*/

	section.voices .voice-field .item-wrapper {
		height:30VW;
		max-height:380px;
		/*height:380px;*/
		margin-left:-1%;
	}

	section.voices .voice-field .item a {
		display:inline-block;
		width:100%;
		transition:opacity .3s ease;
		opacity:1;
		position:relative;
		overflow:hidden;
	}

	section.voices .voice-field .item a:before {
		content:"";
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:-100%;
		left:0px;
		background: rgb(235,241,246); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(235,241,246,0) 0%, rgba(255,255,255,1) 50%, rgba(213,235,251,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(235,241,246,0) 0%,rgba(255,255,255,1) 50%, rgba(213,235,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(235,241,246,0) 0%,rgba(255,255,255,1) 50% ,rgba(213,235,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		opacity:.5;
	}

	section.voices .voice-field .item a:hover { opacity:.5; }
	section.voices .voice-field .item a:hover:before {
		transition:transform .5s ease .2s;
		transform:translateY(200%);
	}


	section.voices .voice-field .item figcaption { margin-top:10px; font-size:20px; }

	section.voices .voice-field .item.biz {
		width:36.84%;
		top:0%;
		left:0%;
	}
	section.voices .voice-field .item.biz figure.pic {
		padding-top:64.7%;
	}
	section.voices .voice-field .item.biz figcaption { padding-left:9.25%; color:#265c94; }

	section.voices .voice-field .item.ai {
		width:33.68%;
		top:32%;
		left:38%;
	}
	section.voices .voice-field .item.ai figure.pic {
		padding-top:59.63%;
	}
	section.voices .voice-field .item.ai figcaption {padding-left:11%;color: #40A1DB;}

	section.voices .voice-field .item.home {
		width:30.17%;
		top:10%;
		left:69%;
	}
	section.voices .voice-field .item.home figure.pic {
		padding-top:66.56%;
	}
	section.voices .voice-field .item.home figcaption {padding-left:13%;color: #98cddf;}
	section.voices .icon-pepper {
		width:169px;
	}

	section.voices .voice-field + p {font-size:28px;margin-top: 60px;}
	section.news .button { width:320px; height:60px; }
}


/* for Middle(TB) */
@media screen and ( min-width:769px ) and ( max-width:900px ){
}


/* for Small(SP) */
@media screen and ( max-width:768.9px ), screen and (max-device-width:812.9px) {

	section.mainvisual .topics .grid { max-width:300px; margin-left:auto; margin-right:auto; }

	section.voices .voice-field .item-wrapper {
		position:relative;
		top:0%;
		left:0%;
		width:100%;
		height:108VW;
	}

	section.voices .voice-field .item figcaption { margin-top:.4em; font-size:12px; }

	section.voices .voice-field .item.biz {
		width:100%;
		top:0%;
		left:0%;
	}
	section.voices .voice-field .item.biz figure.pic {
		padding-top:64.7%;
	}
	section.voices .voice-field .item.biz figcaption { padding-left:9%; color:#265c94; }

	section.voices .voice-field .item.ai {
		width:55%;
		top:61%;
		left:-2%;
	}
	section.voices .voice-field .item.ai figure.pic {
		padding-top:59.63%;
	}
	section.voices .voice-field .item.ai figcaption {padding-left:11%;color: #40A1DB;}

	section.voices .voice-field .item.home {
		width:50%;
		top:70%;
		right:0%;
	}
	section.voices .voice-field .item.home figure.pic {
		padding-top:66.56%;
	}
	section.voices .voice-field .item.home figcaption {padding-left:11%;color: #98cddf;}

	section.voices .icon-pepper {
		width:84.5px;
	}

	section.voices .voice-field + p { margin-top:20px; }

}

.thermal{
	padding-bottom: 50px;
}