@import url("../../../promotion_assets/css/page-top_news.css");
@import url("../../../promotion_assets/css/special-nav.css");
@import url("../../../promotion_assets/css/conversion-area.css");
@import url("../../../promotion_assets/css/breadcrumb.css");
@import url("../../../promotion_assets/css/promotion_common.css");
@import url("../../../promotion_assets/css/product_links.css");
@import url("../../../promotion_assets/css/product_links_other.css");
/*--------------------------------------------------------------------------------------*/
/*専用CSS*/

#product .text_center {
	text-align: center !important;
}

/* H2背景グレー -----*/
#product section.contents.bg_gray {
	background-color: #f5f5f5;
}
#product section.contents.bg_gray .title {
	padding: 7.2rem 0 7.2rem 0;
	text-align:center;
}
#product section.contents.bg_gray .title h1,
#product section.contents.bg_gray .title h2,
#product section.contents.bg_gray .title h3{
	margin-bottom:0;
}
#product section.contents .w1000.block2{
	padding-top: 7.2rem;
}
#product section div.w1000-t {
	width: 100rem;
	margin: 0 auto;
	position: relative;
}
/* /H2背景グレー -----*/

/*リンク*/
#product section .ankerLink{
	text-align:center !important;
	margin-bottom:0;
}
#product section .ankerLink a{
	transition: 0.3s;
	position: relative;
}
#product section .ankerLink a::after {
	content: "";
	display: inline-block;
	position: relative;
	left: calc(1em * 0.5);
	top: calc(1rem * 0.2 * -2);
	/*position: absolute;
	left: calc(50% - 0.3em);
	bottom:-0.7em;*/
	width: calc(1em * 0.7);
	height: calc(1em * 0.7);
	box-sizing: border-box;
	border-bottom: rgba(0,94,184,1.0) solid 2px;
	border-right: rgba(0,94,184,1.0) solid 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/**/
#product section.contents .w1000.block{
	padding-top: 7.2rem;
	border-top: 0px solid #e6e6e6;
}
#product section.contents .w1000.block_type2{
	padding-top: 0rem;
	padding-bottom: 0rem;
}
#product h2 strong.blue{
	color:rgba(0,94,184,1.0);
	display:block;
	margin-bottom:1em;
	font-weight:normal;
}
/**/
.flexbox_image1{
	display: flex;
	justify-content: start;
}
.flexbox_image1 div:nth-child(2){
	margin-left: 4rem;
}
/**/
.text_center td{
	text-align:center !important;
}

#product section.contents .imageright.borderbox{
	padding:2rem;
	border:1px solid #e0e0e0;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2rem;
}
#product section.contents .imageright.borderbox figure,
#product section.contents .imageright.borderbox div{
	margin:0;
}
#product section.contents .imageright.borderbox figure img{
	width:100%;
}
#product section.contents .imageright.borderbox h3{
	color:rgba(0,94,184,1.0);
}
#product section span.other2 {
	border:1px solid #666;
	margin-right:1em;
	padding:0 0.5em;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}
#product .movie{
	width:80rem;
	border:1px solid #e0e0e0;
}
#product .border_under {
	border-bottom: 1px solid #333;
	padding-bottom: 0.5rem;
}
 
/*トップのリンクボタン
#product section.contents .flexbox_fature{
	display: flex;
	justify-content: space-between;
	margin-top:7.2rem;
}
#product section.contents .flexbox_fature a{
	color:#333;
	width:calc(100% / 3 - 8rem / 3);
	border: 1px solid #e6e6e6;
	text-decoration:none;
	transition:opacity 0.3s, box-shadow 0.3s;
	display: flex;
	flex-flow: column;
	justify-content:space-between;
}
#product section.contents .flexbox_fature a:hover{
	box-shadow: 0 1px 2px 0 rgba(51,51,51,.2),0 1px 3px 1px rgba(51,51,51,.15);
	opacity: .7;
}
#product section.contents .flexbox_fature a dt{
	padding:0;
	margin:2.4rem 2.4rem 1.2rem;
	font-size: 2.4rem;
	line-height: 1.2;
}
#product section.contents .flexbox_fature a dt.img{
	padding:0;
	margin:0rem;
	border-bottom: 1px solid #e6e6e6;
}
#product section.contents .flexbox_fature a dt span{
	font-size:1.4rem;
	display:block;
	margin-bottom:0.8em;
}
#product section.contents .flexbox_fature a dt.img figure,
#product section.contents .flexbox_fature a dt.img img{
	padding:0 !important;
	margin:0 !important;
	width: 100%;
	height:auto;
}
#product section.contents .flexbox_fature a p{
	padding:0;
	margin:1.2rem 2.4rem;
	color:rgba(0,94,184,1.0);
}
#product section.contents .flexbox_fature a p:after {
	content: "";
	display: inline-block;
	position: relative;
	left: calc(1em * 0.5);
	top: calc(1em * 0.18 * -1);
	width: calc(1em * 0.7);
	height: calc(1em * 0.7);
	box-sizing: border-box;
	border-bottom: rgba(0,94,184,1.0) solid 1px;
	border-right: rgba(0,94,184,1.0) solid 1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#product section.contents .flexbox_fature a dl dt::before{
	content: none;
}

#product section.contents .flexbox_fature a dd{
	padding:0;
	margin:0 2.4rem;
}
#product section.contents .flexbox_fature a dd span{
	color:rgba(0,94,184,1.0);
	display:block;
}*/

/*--------------------------------------------------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
	#product header div.indexpage img {
		position: absolute;
		top: 3rem;
		right: auto;
		left: 35rem;
	}
}
/*--------------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {
	/* H2背景グレー -----*/
	#product section div.w1000-t {
		width: auto;
	}
	/* /H2背景グレー -----*/
	
	#product section.contents .fleximage {
		display: flex;
		flex-wrap: wrap;
	}
	#product section.contents .fleximage div{
		width:calc(50% - 1rem);
		margin: 2rem 0rem 0;
	}
	#product section.contents .fleximage div:nth-of-type(1) {
		margin: 2rem 0rem 0;
	}

	#product .movie{
		width:100%;
	}
	#product .text_center {
		text-align: left !important;
	}
	#product section span.application,
	#product section span.other2{
		display:block;
		    width: max-content;
	}

	/*トップのリンクボタン
	#product section.contents .flexbox_fature{
		display: block;
		margin-top: 4rem;
	}
	#product section.contents .flexbox_fature a{
		width:100%;
		position:relative;
		margin-bottom:1.6rem;
	}
	#product section.contents .flexbox_fature a dl{
		display: flex;
	}
	#product section.contents .flexbox_fature a dd{
		display:none;
	}
	#product section.contents .flexbox_fature a dt.img{
		width: 9.5rem;
		border-bottom: 0px;
		display: flex;
		justify-content: center;
		background-color: #f9f9f9;
	}
	#product section.contents .flexbox_fature a dt{
		font-size:1.6rem;
		margin: 1.2rem 1.2rem 6rem;
		width: calc(100% - 9.5rem);
	}
	#product section.contents .flexbox_fature a p{
		position:absolute;
		bottom:1.2rem;
		left:10rem;
		margin:0;
	}*/
}