@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Interdental"

Cascading Style Sheet Setting File

Ver.20170105

------------------------------------------------------------------------------------------------------------------------

********************************************************************************************************** |READ ME| **/
/** |04. Interdental | >> ********************************************************************************* >> START **/
.interdental_wrap #Main{
    height: 58px!important;
}
.interdental_wrap #Interdental{
	min-width:1180px;
	height: auto!important;
	overflow: hidden;
}
.interdental_wrap #Interdental .panels{
    position: relative;
	width:100%;
	left: 0%!important;
	height: auto;
}
.interdental_wrap .panels .panel {
	position: relative;
}

.interdental_wrap .interdental_wrap #Interdental .panels .panel01{
	min-width:1180px;
	background:url("../img/int_bg_light.png")no-repeat center top #ed7f2e;
	background-size:auto 100%;
}

.interdental_wrap #Interdental .panels .panel02{background:url("../img/int_img_main_02.png")no-repeat center top #dd488f;background-size:auto 100%;
height: 640px; position: relative;}
.interdental_wrap #Interdental .panels .panel03{background:url("../img/int_img_main_03.png")no-repeat left top #fff100;background-size:auto 100%;
height: 640px; position: relative;}
.interdental_wrap #Interdental .panels .panel04{background:url("../img/int_img_main_04.png")no-repeat center top #0dae71;background-size:auto 100%;
height: 640px; position: relative;}

.interdental_wrap #Interdental .panels .logo{
	position:absolute;
	right:20px;
	bottom:20px;
}

.interdental_wrap #Interdental .panels .panel01 .bg{
	min-width:1180px;
	height:640px;
	background:url("../img/int_img_main_01.png")no-repeat center top;
	background-size:auto 100%;
}

.interdental_wrap #Interdental .panels .panel01 .text{
	position:absolute;
	top:50%;
	left:50%;
	margin:-98px 0 0 170px;
	color:#fff;
}

.interdental_wrap #Interdental .panels .panel02 .text{
	position:absolute;
	top:50%;
	left:50%;
	margin:-210px 0 0 -80px;
	width:525px;
	text-align:left;
	color:#fff;
}

.interdental_wrap #Interdental .panels .panel02 .ttl img{
	padding:0 0 30px;
}

.interdental_wrap #Interdental .panels .panel02 .left{
	float:left;
	width:250px;
}

.interdental_wrap #Interdental .panels .panel02 .right{
	float:right;
	width:250px;
}

.interdental_wrap #Interdental .panels .panel02 .left img,
.interdental_wrap #Interdental .panels .panel02 .right img{
	padding:0 0 20px;
}

.interdental_wrap #Interdental .panels .panel02:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.interdental_wrap #Interdental .panels .panel03 .text{
	position:absolute;
	top:50%;
	left:50%;
	margin:-210px 0 0 0;
	width:500px;
	text-align:left;
	color:#005bac;
}

.interdental_wrap #Interdental .panels .panel03 .ttl img{
	padding:0 0 30px;
}

.interdental_wrap #Interdental .panels .panel03 .left{
	float:left;
	padding:70px 0 0 0;
	width:260px;
}

.interdental_wrap #Interdental .panels .panel03 .right{
	float:right;
	width:220px;
}

.interdental_wrap #Interdental .panels .panel03:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.interdental_wrap #Interdental .panels .panel04 .text{
	position:absolute;
	top:50%;
	left:50%;
	margin:-87px 0 0 160px;
	color:#fff;
}
.Footer_up{
	margin-top: -7px;
}

@media  (max-width: 1024px){
.interdental_wrap #Interdental{
	min-width:641px;
	width: 100%!important;
	height: auto!important;
}
.interdental_wrap #Interdental .panels {
	min-width:641px;
}
.interdental_wrap #Interdental .panels .panel01 .bg {
	min-width:641px;
	background-size: 120%;
}
.interdental_wrap #Interdental .panels .panel01 .text {
	margin: 180px 0 0 -30%;
}
.interdental_wrap #Interdental .panels .panel02 {
	background-size: 120%;
	background-position: bottom;
}
.interdental_wrap #Interdental .panels .panel02 .text {
    margin: -30% 0 0 -22%;
}
.interdental_wrap #Interdental .panels .panel03{
	background-size: 100%;	
	background-position: bottom;
}
.interdental_wrap #Interdental .panels .panel03 .text {
    margin: -350px 0 0 -150px;
}
.interdental_wrap #Interdental .panels .panel04 {
	background-size: 110%;	
	background-position: center;
}
.interdental_wrap #Interdental .panels .panel04 .text {
    margin: -360px 0 0 0px;
}

}

@media  (max-width: 658px){
	.interdental_wrap #Main {
		height: 0px!important;
	}
	.interdental_wrap #Interdental{min-width:0;height:auto!important;}
	.interdental_wrap #Interdental .panels{min-width:0;position:relative;width:100%;height:auto;-webkit-overflow-scrolling:touch;}
	.interdental_wrap #Interdental .panels .panel01{min-width:0;background:#ed7f2e;}
	.interdental_wrap #Interdental .panels .panel02{padding:0 15px 0;background:url("../img/int_img_main_02_sp.png")no-repeat center bottom #dd488f;background-size:320px 240px;height: 570px;}
	.interdental_wrap #Interdental .panels .panel03{padding:0 15px 0;background:url("../img/int_img_main_03_sp.png")no-repeat center bottom #fff100;background-size:320px 240px;height: 480px;}
	.interdental_wrap #Interdental .panels .panel04{padding:0 15px 0px;background:url("../img/int_img_main_04_sp.png")no-repeat center bottom #0dae71;background-size:320px 240px;height: 480px;}
	.interdental_wrap #Interdental .panels .logo{left:15px;right:auto;top:30px;bottom:auto;font-size:0;}
	.interdental_wrap #Interdental .panels .logo img{width:154px;height:15px;}
	.interdental_wrap #Interdental .panels .panel01 .bg{padding:230px 15px 0;min-width:0;height:auto;background:url("../img/int_img_main_01_sp.png")no-repeat center top;background-size:320px 240px;}
	.interdental_wrap #Interdental .panels .panel01 .text{position:relative;top:auto;bottom:0;left:auto;margin:0;padding:0 0 30px;text-align:left;}
	.interdental_wrap #Interdental .panels .panel01 .text img{width:95%;max-width:95%;height:auto;}
	.interdental_wrap #Interdental .panels .panel02 .text{position:relative;top:75px;left:0;margin:0;padding:0 0;width:auto;text-align:left;}
	.interdental_wrap #Interdental .panels .panel02 .text img{width:100%;max-width:100%;height:auto;}
	.interdental_wrap #Interdental .panels .panel02 .ttl img{padding:0 0 15px;}
	.interdental_wrap #Interdental .panels .panel02 .left,
	.interdental_wrap #Interdental .panels .panel02 .right{float:none;position:relative;padding:15px 0 0 120px;width:auto;font-size:16px;line-height:1.4;min-height:83px;}
	.interdental_wrap #Interdental .panels .panel02 .left:after,
	.interdental_wrap #Interdental .panels .panel02 .right:after{content:" ";display:block;height:0;font-size:0;clear: both;visibility:hidden;}
	.interdental_wrap #Interdental .panels .panel02 .left img,
	.interdental_wrap #Interdental .panels .panel02 .right img{position:absolute;top:15px;left:0;display:block;margin:0;width:100px;height:83px;padding:0 0 0;}
	.interdental_wrap #Interdental .panels .panel03 .text{position:relative;top:75px;left:0;margin:0;padding:0;width:auto;text-align:left;}
	.interdental_wrap #Interdental .panels .panel03 .text img{width:100%;height:auto;}
	.interdental_wrap #Interdental .panels .panel03 .ttl img{padding:0;}
	.interdental_wrap #Interdental .panels .panel03 .left{float:right;padding:15px 0 0 0;width:68%;line-height:1.5;}
	.interdental_wrap #Interdental .panels .panel03 .right{float:left;padding:15px 0 0 0;width:28%;}
	.interdental_wrap #Interdental .panels .panel03:after{content: ".";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
	.interdental_wrap #Interdental .panels .panel04 .text{position:relative;top:75px;left:0;margin:0;padding:0;}
	.interdental_wrap #Interdental .panels .panel04 .text img{width:100%;max-width:100%;height:auto;}

}

/** |04. Interdental | << ********************************************************************************* << END **/
/** | Movie | >> ********************************************************************************* >> START **/
#inter_Movie01, #inter_Movie02{
	position: relative;
	width: 100%;
	height: auto!important;
	max-width: 100%;
	min-width: 1180px;
}
#inter_Movie02{
	margin-top: -7px;
}
#PlayBtn2, #PlayBtn3 {
	/*display: block!important;*/
	cursor: pointer;
}
.interdental_wrap #Footer {
	margin-top: -7px;
}
@media  (max-width: 1024px){
	#inter_Movie01, #inter_Movie02{
		min-width:641px;
		width: 100%!important;
		height:auto!important;
	}
	#inter_Movie01 video, #inter_Movie02 video{
		min-width:641px;
		width: 100%!important;
		height: auto!important;
		margin-left: 0!important;
	}
}

@media  (max-width: 658px){
	.interdental_wrap{
		overflow: hidden;
	}
	#inter_Movie01, #inter_Movie02{
		width: 100%;
		min-width: 0;
	}
	#inter_Movie01 video, #inter_Movie02 video {
		min-width: 0;
	}
}