/*--------------------------------------------------------------------------------------*/
/*flexbox*/
html{font-size:62.5%;}
#product section .flexbox_special02{
	display: flex;
}
#product section .flexbox_special02 figure{
	margin:0;
	margin-top:2rem;
}
#product section .flexbox_special02 figure:nth-of-type(1){
	margin-right:40px;
}



#product section .flexbox_special01{
	display: flex;
	/*lign-items: center;*/
	/*border: 1px solid;*/
}
#product section .flexbox_special01 img{
	margin:0rem;
	width:100%;
}

#product section .flexbox_special01 img.arrow{
	margin:0 auto;
	width:50%;
}
#product section .flexbox_special01 div{
	/*border:1px solid #f00;*/
}
#product section .flexbox_special01 div:nth-of-type(1){
	width:31.5%;
}
#product section .flexbox_special01 div:nth-of-type(2){
	width:3%;
	display: flex;
align-items: center;
}
#product section .flexbox_special01 div:nth-of-type(3){
	width:64%;
}
#product section h4 span,
#product section .flexbox_special01 h5 span{
	display:inline-block;
	background-color:#888d8f;
	color:#fff;
	padding:0.1rem 1rem;
	margin-right:0.7rem;
}
#product section h4 span.to,
#product section .flexbox_special01 h5 span.to{
	background-color:rgba(0,94,184,1);
	color:#fff;
}
#product section h4 span{
	width:4em;
	text-align:center;
}


#product video{
	display:block;
	margin:auto;
}

/*--------------------------------------------------------------------------------------*/
/*flexbox*/
#product section .figflexbox_special01 {
	display: flex;
	width: 80rem;
	margin-left:auto;
	margin-right:auto;
}
#product section .figflexbox_special01 img:nth-of-type(1){
	margin-right:2rem !important;
}


/*--------------------------------------------------------------------------------------*/
/*table*/
#product section table.table_special01 tr:nth-of-type(1) th:nth-of-type(1){
	background-color:rgba(255,255,255,1);
	border-top:1px solid #fff;
}
#product section table.table_special01 tr:nth-of-type(1) th:nth-of-type(2){
	background-color:#888d8f;
	color:#fff;
}
#product section table.table_special01 tr:nth-of-type(1) th:nth-of-type(3){
	background-color:rgba(0,94,184,1);
	color:#fff;
}

#product section table.table_special01 tr:nth-of-type(n + 2) th{
	background-color:rgba(0,94,184,1);
	color:#fff;
	border-bottom: 1px solid rgba(0,94,184,1);
	position:relative;
}
#product section table.table_special01 tr:nth-of-type(4) th:after,
#product section table.table_special01 tr:nth-of-type(n + 3) th:before{
	content: "";
	display: block;
	position: absolute;
	right: calc(50% - 25px);
	top: -4rem;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	border-bottom: #fff solid 1px;
	border-left: #fff solid 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#product section table.table_special01 tr:nth-of-type(4) th:after{
	top:auto;
	bottom: 1.5rem;
}



#product section table.table_special01 tr:nth-of-type(n + 2) td:nth-of-type(1){
	background-color: #f7f7f7;
}
#product section table.table_special01 tr:nth-of-type(n + 2) td:nth-of-type(2){
	border-right: 1px solid #fff;
}

#product section table.table_special01 img{
	margin:10px 0;
}
#product section table.table_special01 h3{
	padding:0;
	margin:0;
	/*color:rgba(0,94,184,1);*/
	font-weight:normal;
}



@media (min-width:769px) and (max-width:1080px) {
}

@media screen and (max-width:768px) {
/*--------------------------------------------------------------------------------------*/
	header, section, footer, .indexBanner, .innerBanner, .indexCon, .sidebarBody, .main{min-width:100%!important}
	#productslink{padding:0 20px;}
	#product section table.table_special01 th,
	#product section table.table_special01 td,
	#product section table.table_special01 p{
		font-size:1.15rem;
	}

/*--------------------------------------------------------------------------------------*/
	#product section .flexbox_special01{
		display: block;
	}
	#product section .flexbox_special01 img.arrow{
		transform: rotate(90deg);
		width: 2rem;
		display: block;
		margin:2rem  auto;
	}
	#product section .flexbox_special01 div{
		width:100% !important;
	}
	#product section .flexbox_special01 div:nth-of-type(1) img{
		width:60%;
		margin:auto;
	}
/*--------------------------------------------------------------------------------------*/
	#product section .figflexbox_special01 {
		display: block;
		width: 100%;
	}
	#product section .figflexbox_special01 img:nth-of-type(1){
		width: 70%;
		margin-right:auto !important;
	}
	#product video{
		width:100%;
	}
	#product header{
		padding-bottom:0;
	}
}