/*-------------------------------------------*/
/*共通CSS 読み込み*/
/*-------------------------------------------*/
/*パンくず*/
@import url("/product/promotion/promotion_assets/css/breadcrumb.css");
/*サイトナビ*/
@import url("/product/promotion/promotion_assets/css/special-nav.css");
/*ローカルナビ 3階層*/
@import url("/product/promotion/promotion_assets/css/local-nav.css");
/*コンバージョン*/
@import url("/product/promotion/promotion_assets/css/conversion-area.css");
/*プロダクトリンク*/
@import url("/product/promotion/promotion_assets/css/productlinks_5.css");
/*最新ニュース*/
@import url("/product/promotion/promotion_assets/css/page-top_news.css");
/*サイト内リンク*/
@import url("/product/promotion/promotion_assets/css/site_link.css");
/*サブナビゲーション2021/10/04*/
@import url("/product/promotion/promotion_assets/css/sub_navigation.css");
/*PDFリンク*/
@import url("/product/promotion/promotion_assets/css/product_links.css");
/*リンクバナー*/
@import url("/product/promotion/promotion_assets/css/style_product_irregular.css");

@import url("/product/promotion/promotion_assets/css/promotion_common.css");
@import url("/product/promotion/promotion_assets/css/product_links_other.css");


/*-------------------------------------------*/
/*専用CSS 読み込み*/
/*-------------------------------------------*/
@import url("/product/promotion/ban_less/assets/css/base_style_2025.css");

@import url("/product/promotion/ban_less/assets/css/footer_navigation.css");
@import url("/product/promotion/ban_less/assets/css/three-dimensional.css");

/*-------------------------------------------*/
/*CSS*/
/*-------------------------------------------*/
#product section .spanbox{
	align-items: start;
}
#product section .spanbox span{
	top:2px;
}

#product .flexbox_links{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:6rem;
}
#product .flexbox_links a{
	font-size:1.8rem;
	color:rgba(0,94,184,1.0);
	border:1px solid rgba(0,94,184,1.0);
	border-left:0;
	width:calc(100% / 3);
	display: flex;
	justify-content: center;
	align-items: center;
	height:2em;
	transition:0.3s;
	background-color:#fff;
}
#product .flexbox_links a:nth-of-type(1){
	border-left:1px solid rgba(0,94,184,1.0);
}

#product .flexbox_links a::after {
	content: "";
	display: inline-block;
	position: relative;
	top:-0.1em;
	right: -0.5em;
	width: 0.7em;
	height: 0.7em;
	box-sizing: border-box;
	border-bottom: rgba(0,94,184,1.0) solid 1px;
	border-right: rgba(0,94,184,1.0) solid 1px;
	transform: rotate(45deg);
}
/*ページ内リンク*/
#product .flexbox_links a:hover{
	background-color:rgba(0,94,184,0.1);
}
#product section span.function{
	border:1px solid #666;
	padding:0.5rem;
	width:5em;
	text-align:center;
}

/*比較：左右非対称*/
#product section.contents .flexBox div.w35{
	width:35%;
}
#product section.contents .flexBox div.w57{
	width:57%;
}


#product section.contents .arrow.special_1{
	top: -230px;
	position: relative;
}

/* アイコン表示*/
#product .flexbox_icon{
	display: flex;
	align-items: end;
	justify-content: space-between;
}
#product .flexbox_icon img {
	display: inline !important;
	margin: 0 !important;
}
#product .flexbox_icon div:nth-of-type(2){
	margin-left:2em;
	display: flex;
}

/*-------------------------------------------*/
/*タブレット*/
/*-------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
	#product header div.indexpage div {
		width: 34rem !important;
	}
	#product header div.indexpage div h1 {
		font-size: 3rem !important;
	}
	#product header div.indexpage img {
		left: auto !important;
		right: 0 !important;
	}
	
	#productslink .links {
		width: calc(100% - 80px);
		justify-content: space-between !important;
	}
	#productslink .links .link{
		margin:0 !important;
	}
	/* アイコン表示*/
	#product .flexbox_icon img {
		max-width: 11rem !important;
	}
}

/*-------------------------------------------*/
/*モバイル向け*/
/*-------------------------------------------*/
@media screen and (max-width:768px) {
	/*比較：左右非対称*/
	#product section.contents .flexBox div.w35,
	#product section.contents .flexBox div.w57{
		width:100%;
	}
	#productslink .links.sp_top_0{
		margin-top:-5em;
	}
	/* アイコン表示*/
	#product .flexbox_icon{
		display: block;
	}
	#product .flexbox_icon img {
		width:10rem !important;
	}
	#product .flexbox_icon div:nth-of-type(2){
		margin-left:0em;
		justify-content: center;
		margin-top: 2rem;
	}
}