@charset "utf-8";

/*START Reset
-------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6, caption, address, th {
	font-style :normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
ul ,ol, li, dl, dt, dd {
	list-style: none;
}
img {
	border: none;
	vertical-align:bottom;
	display:block;
}
button, fieldset, form, input, label, legend, select, textarea {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
}

/*For CaaS header*/
#header {
	height:80px;
	/*background-color:#0D5265;*/
}
/*@media screen and (max-width: 496px){
	#header {
		height:60px;
	}
}*/
.skip-links {position:absolute;}
/*For CaaS slim footer*/
/*.dpbslim #hpehf-footer.hpehf-slim .hpehf-footer-legal-and-copyright{
	font-size: 12px;
}*/

/*START Common
-------------------------------------------------*/
body {
	width:100%;
	background-color:#FFF !important;
}
.content {
	width:100%;
	margin:0 auto;
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", HiraginoSans-W3, HiraKakuProN-W3;*/
	font-family:'メイリオ','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:14px;
	line-height:1.8;
	-webkit-text-size-adjust: 100%;
}
h1, h2,  h3,  h4,  h5,  h6{
	font-weight: bold;
}
h1{	font-size: 34px; margin-bottom: 40px;}
h2{
	font-size: 26px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	position: relative
}
h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 6px;
	background: #01A982
}
h3{	font-size: 22px; margin-bottom: 10px;}
h4{	font-size: 18px;}
h5{	font-size: 16px;}
h6{	font-size: 14px;}
.h2after_none h2{	padding-bottom: 0;}
.h2after_none h2::after{	content: none;}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	line-height:1.4;
}
.content a {
	text-decoration:none;
	color:#000;
}
.contentBox {
	width:1200px;
	margin:0 auto;
}
.content1000px {
	width:1000px;
	margin:0 auto;
}
.mdaTag {
	float:right;
}
.mdaTag:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.mdaTag a {
	float:right;
	margin:10px 0;
}
.mdaTag a img {
	width:357px;
}
.withMda {
	float:left;
}
:root, .light-theme {
	--cta-txt-color:#000000;
	--cta-txtbg-color:#ffffff;
  --btn-lm-bg-color: #292d3a;
  --btn-lm-border-color: #292d3a;
  --btn-lm-text-color: white;
  --btn-lm-bg-color-hover: #535c66;
  --btn-lm-border-color-hover: #535c66;
  --btn-lm-bg-color-disabled: #d4d8d8;
  --btn-lm-border-color-disabled: #d4d8d8;
  --btn-lm-text-color-disabled: #a0a2a8;
  --btn-lm-secondary-text-color: #292d3a;
  --btn-lm-secondary-text-color-disabled: #a0a2a8;
}
.dark-theme {
	--cta-txt-color:#ffffff;
	--cta-txtbg-color:#111212;
  --btn-lm-bg-color: white;
  --btn-lm-border-color: white;
  --btn-lm-text-color: #292d3a;
  --btn-lm-bg-color-hover: #d4d4d4;
  --btn-lm-border-color-hover: #d4d4d4;
  --btn-lm-bg-color-disabled: #d4d8d8;
  --btn-lm-border-color-disabled: #d4d8d8;
  --btn-lm-text-color-disabled: #a0a2a8;
  --btn-lm-secondary-text-color: white;
  --btn-lm-secondary-text-color-disabled: #bebebe;
}
.dark-theme,
.dark-theme-prespecific,
.dark-theme-specific {
  --typo-text-color: #e5e5e5;
  --typo-quote-color: white;
  --typo-heading-color: white;
  --typo-icons-color: white;
  --typo-link-underline-color: rgba(255, 255, 255, 0.6);
  --typo-link-hover-underline-color: white;
}
body,
.light-theme,
.light-theme-prespecific,
.light-theme-specific {
  --typo-text-color: #67686E;
  --typo-quote-color: #444444;
  --typo-heading-color: #292d3a;
  --typo-icons-color: black;
  --typo-link-underline-color: #01A982;
  --typo-link-hover-underline-color: #707070;
}
/*cta button land mark theme*/
:root,
.light-theme {
  --cta-lm-color: #068667;
  --cta-lm-color-disabled: #a0a2a8;
  --cta-lm-color-hover: #005f49;
}
.dark-theme {
  --cta-lm-color: #00e0af;
  --cta-lm-color-disabled: #d4d8db;
  --cta-lm-color-hover: #01a982;
}
/*=== HPE hpe logo min width
==============================================*/
img.hpelogo{min-width: 120px;}
.hpelogo.minlimit{min-width: 120px;}
/*Microsoft logo*/
img.mslogo{min-width: 200px;}
/*============================================*/
@media (max-width:999px){
	h1{	font-size: 32px;}/*→ 34px-2px*/
	h2{	font-size: 24px;}/*→ 26px-2px*/
	h3{	font-size: 20px;}/*→ 22px-2px*/
	.contentBox {
		width:100%;
		padding:0 15px;
		box-sizing:border-box;
		overflow:hidden;
	}
	.content1000px {
		width:100%;
		box-sizing:border-box;
		overflow:hidden;
	}
	.mdaTag {
		float:none;
	}
	.mdaTag a {
		margin:15px 0;
	}
	.mdaTag a img {
		width:100%;
		min-width:290px;
		max-width:357px;
	}
	.withMda {
		float:none;
	}
}
@media (max-width:999px) and (min-width: 768px) {
	h2:after {	width:70px	}
}
@media (max-width:767px){
h1{	font-size: 28px;}/*→ 32px-4px*/
h2{	font-size: 22px;}/*→ 24px-2px*/
h3{	font-size: 18px;}/*→ 20px-2px*/
h4{	font-size: 16px;}/*→ 18px-2px*/
h5{	font-size: 15px;}/*→ 16px-1px*/
}
/*=== Spatial Adjustment ===*/
.disp_b {	display: block;}
.disp_ib {	display: inline-block;}
.visbl_hi{visibility: hidden;}

.mt0  {margin-top:   0 !important;}
.mt5  {margin-top: 5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:40px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100{margin-top:100px !important;}

.mb0  {margin-bottom:   0 !important;}
.mb5  {margin-bottom: 5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

.mr0  {margin-right:   0 !important;}
.mr5  {margin-right: 5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100{margin-right:100px !important;}

.ml0  {margin-left:   0 !important;}
.ml5  {margin-left: 5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px ;}
.ml70 {margin-left:70px ;}
.ml75 {margin-left:75px ;}
.ml80 {margin-left:80px ;}
.ml85 {margin-left:85px ;}
.ml90 {margin-left:90px ;}
.ml95 {margin-left:95px ;}
.ml100 {margin-left:100px ;}

.pt0  {padding-top:   0 !important;}
.pt5  {padding-top: 5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100{padding-top:100px !important;}

.pb0  {padding-bottom:   0 !important;}
.pb5  {padding-bottom: 5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100{padding-bottom:100px!important;}

.pr0  {padding-right:   0 !important;}
.pr5  {padding-right: 5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr70 {padding-right:70px !important;}
.pr75 {padding-right:75px !important;}
.pr80 {padding-right:80px !important;}
.pr85 {padding-right:85px !important;}
.pr90 {padding-right:90px !important;}
.pr95 {padding-right:95px !important;}
.pr100{padding-right:100px !important;}

.pl0  {padding-left:   0 !important;}
.pl5  {padding-left: 5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}
.pl70 {padding-left:70px !important;}
.pl75 {padding-left:75px !important;}
.pl80 {padding-left:80px !important;}
.pl85 {padding-left:85px !important;}
.pl90 {padding-left:90px !important;}
.pl95 {padding-left:95px !important;}
.pl100{padding-left:100px !important;}

.padd0 {padding:0 !important;}
.margin0 {margin:0 !important;}

.paddBlock5 {padding:5px;}
.paddBlock10 {padding:10px;}
.paddBlock15 {padding:15px;}
.paddBlock20 {padding:20px;}
.paddBlock25 {padding:25px;}
.paddBlock30 {padding:30px;}
.paddBlock35 {padding:35px;}
.paddBlock40 {padding:40px;}
.paddBlock-10-15 {padding:10px 15px;}
.paddBlock-30-25-10 {padding:30px 25px 10px;}

.gutter2 > *:not(:last-child) {
	margin-bottom: 2px;
}
.gutter3 > *:not(:last-child) {
	margin-bottom: 3px;
}
.gutter4 > *:not(:last-child) {
	margin-bottom: 4px;
}
.gutter5 > *:not(:last-child) {
	margin-bottom: 5px;
}
.gutter10 > *:not(:last-child) {
	margin-bottom: 10px;
}
.gutter15 > *:not(:last-child) {
	margin-bottom: 15px;
}
.gutter20 > *:not(:last-child) {
	margin-bottom: 20px;
}
.gutter30 > *:not(:last-child) {
	margin-bottom: 30px;
}
.gutter40 > *:not(:last-child) {
	margin-bottom: 40px;
}
.gutter15WithBorder > *:not(:last-child) {
	border-bottom: 1px solid #D4D8DB;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.gutter20WithBorder > *:not(:last-child) {
	border-bottom: 1px solid #D4D8DB;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.gutter15Right > *:not(:last-child) {
	margin-right: 15px;
}

.gryBdrArea4px {
	border:4px solid #D4D8DB;
	padding:30px;
}
.gryBdrArea1px {
	border:1px solid #D4D8DB;
	padding:15px;
}
.Bdr_none{	border: none;}
.Bdrtop_none{	border-top: none;}
.Bdrbtm_none{	border-bottom: none;}
@media only screen and (max-width:999px){
	.gryBdrArea4px {
		padding:15px;
	}
}
/*border solid*/
.slaBdr6px {
	border:6px solid #425563;
	box-sizing: border-box;
}
/*library配下で使用*/
.slaBdr4px {
	border:4px solid #425563;
	box-sizing: border-box;
}
/*library配下で使用*/
.slaBdr2px {
	border:2px solid #425563;
	box-sizing: border-box;
}
.slaBdr1px {
	border:1px solid #425563;
	box-sizing: border-box;
}
.lightBlueBdr1px {
	border: 1px solid #7ff9e2;
	box-sizing: border-box;
}
.lightBlueBdr2px {
	border: 2px solid #7ff9e2;
	box-sizing: border-box;
}
.lightBlueBdr4px {
	border: 4px solid #7ff9e2;
	box-sizing: border-box;
}
.lightBlueBdr6px {
	border: 6px solid #7ff9e2;
	box-sizing: border-box;
}
.lightBlueBg {
	background-color: #7ff9e2;
}
.lightPurBdr1px,
.lightPur1px {
	border: 1px solid #c140ff;
	box-sizing: border-box;
}
.lightPurBdr2px,
.lightPur2px {
	border: 2px solid #c140ff;
	box-sizing: border-box;
}
.lightPurBdr4px,
.lightPur4px {
	border: 4px solid #c140ff;
	box-sizing: border-box;
}
.lightPurBdr6px {
	border: 6px solid #c140ff;
	box-sizing: border-box;
}
.lightPurBg {
	background-color: #c140ff;
}
.lightPur2Bdr1px {
	border: 1px solid #7630ea;
	box-sizing: border-box;
}
.lightPur2Bdr2px {
	border: 2px solid #7630ea;
	box-sizing: border-box;
}
.lightPur2Bdr4px {
	border: 4px solid #7630ea;
	box-sizing: border-box;
}
.lightPur2Bdr6px {
	border: 6px solid #7630ea;
	box-sizing: border-box;
}
.lightPur2Bg {
	background-color: #7630ea;
}
.lightOrangeBdr1px,
.lightOrange1px {
	border: 1px solid #ff8300;
	box-sizing: border-box;
}
.lightOrangeBdr2px,
.lightOrange2px {
	border: 2px solid #ff8300;
	box-sizing: border-box;
}
.lightOrangeBdr4px,
.lightOrange4px {
	border: 4px solid #ff8300;
	box-sizing: border-box;
}
.lightOrangeBdr6px {
	border: 6px solid #ff8300;
	box-sizing: border-box;
}
.lightOrangeBg {
	background-color: #ff8300;
}
.HPEyellowBdr1px{
	border: 1px solid #fec901;
	box-sizing: border-box;
}
.HPEyellowBdr2px{
	border: 2px solid #fec901;
	box-sizing: border-box;
}
.HPEyellowBdr4px{
	border: 4px solid #fec901;
	box-sizing: border-box;
}
.HPEyellowBdr6px{
	border: 6px solid #fec901;
	box-sizing: border-box;
}
.mediumBlueBdr1px {
	border: 1px solid #32dac8;
	box-sizing: border-box;
}
.mediumBlueBdr2px {
	border: 2px solid #32dac8;
	box-sizing: border-box;
}
.mediumBlueBdr4px {
	border: 4px solid #32dac8;
	box-sizing: border-box;
}
.mediumBlueBdr6px {
	border: 6px solid #32dac8;
	box-sizing: border-box;
}
.mediumBlueBg {
	background-color: #32dac8;
}
.hpedarkblueBdr1px {
	border: 1px solid #0D5265;
	box-sizing: border-box;
}
.hpedarkblueBdr2px {
	border: 2px solid #0D5265;
	box-sizing: border-box;
}
.hpedarkblueBdr4px {
	border: 4px solid #0D5265;
	box-sizing: border-box;
}
.hpedarkblueBdr6px {
	border: 6px solid #0D5265;
	box-sizing: border-box;
}

/* 2025.08 release start 
=== Corporate color Primary colors =====================*/
.grnBdr1px, .grnBdr6px, .grnBdr4px, .grnBdr2px,
.JadeGreenBdr1px, .JadeGreenBdr2px, .JadeGreenBdr4px, .JadeGreenBdr6px,
.MintGreenBdr1px, .MintGreenBdr2px, .MintGreenBdr4px, .MintGreenBdr6px,
.CyanBdr1px, .CyanBdr2px, .CyanBdr4px, .CyanBdr6px,
.BlueBdr1px, .BlueBdr2px, .BlueBdr4px, .BlueBdr6px,
.PurpleBdr1px, .PurpleBdr2px, .PurpleBdr4px, .PurpleBdr6px,
.gryBdr1px, .gryBdr2px, .gryBdr4px, .gryBdr6px {box-sizing: border-box;}
/*Primary colors*/
.grnBdr1px {	border:1px solid #01A982;}
.grnBdr2px {	border:2px solid #01A982;}
.grnBdr4px {	border:4px solid #01A982;}
.grnBdr6px {	border:6px solid #01A982;}
/*Secondary colors*/
.JadeGreenBdr1px {	border: 1px solid #05CC93;}
.JadeGreenBdr2px {	border: 2px solid #05CC93;}
.JadeGreenBdr4px {	border: 4px solid #05CC93;}
.JadeGreenBdr6px {	border: 6px solid #05CC93;}
.MintGreenBdr1px {	border: 1px solid #00E0AF;}
.MintGreenBdr2px {	border: 2px solid #00E0AF;}
.MintGreenBdr4px {	border: 4px solid #00E0AF;}
.MintGreenBdr6px {	border: 6px solid #00E0AF;}
.CyanBdr1px {	border: 1px solid #62E5F6;}
.CyanBdr2px {	border: 2px solid #62E5F6;}
.CyanBdr4px {	border: 4px solid #62E5F6;}
.CyanBdr6px {	border: 6px solid #62E5F6;}
.BlueBdr1px {	border: 1px solid #0070F8;}
.BlueBdr2px {	border: 2px solid #0070F8;}
.BlueBdr4px {	border: 4px solid #0070F8;}
.BlueBdr6px {	border: 6px solid #0070F8;}
.PurpleBdr1px {	border: 1px solid #7764FC;}
.PurpleBdr2px {	border: 2px solid #7764FC;}
.PurpleBdr4px {	border: 4px solid #7764FC;}
.PurpleBdr6px {	border: 6px solid #7764FC;}
/*Neutrals colors*/
.gryBdr1px {	border:1px solid #D4D8DB;}
.gryBdr2px {	border:2px solid #D4D8DB;}
.gryBdr4px {	border:4px solid #D4D8DB;}
.gryBdr6px {	border:6px solid #D4D8DB;}
/*2025.08 release end 
==============================================*/

.mb20WithBorder {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #D4D8DB;}
.mb30WithBorder {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #D4D8DB;}
.mb40WithBorder {padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #D4D8DB;}

/*吹き出し speechBubble*/
/*base*/
.speechBubble{
	border: 3px solid #333;
	border-radius: 20px;
	position: relative;
}
.speechBubble::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #333 transparent transparent;
	translate: -50% 100%;
	transform: skew(10deg);
	transform-origin: top;
}
.speechBubble::after {
	content: "";
	position: absolute;
	bottom: 0.5px;
	left: 50%;
	border-style: solid;
	border-width: 15.2px 15.2px 0 0;
	border-color: #ffffff transparent transparent;
	translate: calc(-50% - 0.4px) 100%;
	transform: skew(10deg);
	transform-origin: top;
}
.m0auto {margin:0 auto;}

.lh20 {line-height:20px;}
.lh21 {line-height:21px;}
.lh22 {line-height:22px;}
.lh23 {line-height:23px;}
.lh24 {line-height:24px;}
.lh25 {line-height:25px;}
.lh26 {line-height:26px;}
.lh27 {line-height:27px;}
.lh28 {line-height:28px;}
.lh29 {line-height:29px;}
.lh30 {line-height:30px;}
.lh31 {line-height:31px;}
.lh32 {line-height:32px;}
.lh33 {line-height:33px;}
.lh34 {line-height:34px;}
.lh35 {line-height:35px;}
.lhMin  {line-height:1.2;}
.lhMid  {line-height:1.4;}
.lhwide {line-height:1.6;}
.lhnormal {line-height:normal;}

.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f19 {font-size:19px !important;}
.f20 {font-size:20px !important;}
.f21 {font-size:21px !important;}
.f22 {font-size:22px !important;}
.f23 {font-size:23px !important;}
.f24 {font-size:24px !important;}
.f25 {font-size:25px !important;}
.f26 {font-size:26px !important;}
.f27 {font-size:27px !important;}
.f28 {font-size:28px !important;}
.f29 {font-size:29px !important;}
.f30 {font-size:30px !important;}
.f31 {font-size:31px !important;}
.f32 {font-size:32px !important;}
.f33 {font-size:33px !important;}
.f34 {font-size:34px !important;}
.f35 {font-size:35px !important;}
.f36 {font-size:36px !important;}
.f37 {font-size:37px !important;}
.f38 {font-size:38px !important;}
.f39 {font-size:39px !important;}
.f40 {font-size:40px !important;}
.f41 {font-size:41px !important;}
.f42 {font-size:42px !important;}
.f43 {font-size:43px !important;}
.f44 {font-size:44px !important;}
.f45 {font-size:45px !important;}
.f46 {font-size:46px !important;}
.f47 {font-size:47px !important;}
.f48 {font-size:48px !important;}
.f49 {font-size:49px !important;}
.f50 {font-size:50px !important;}
.f51 {font-size:51px !important;}
.f52 {font-size:52px !important;}
.f53 {font-size:53px !important;}
.f54 {font-size:54px !important;}
.f55 {font-size:55px !important;}
.f56 {font-size:56px !important;}
.f57 {font-size:57px !important;}
.f58 {font-size:58px !important;}
.f59 {font-size:59px !important;}
.f60 {font-size:60px !important;}
.f65 {font-size:65px !important;}
.f70 {font-size:70px !important;}
.f75 {font-size:75px !important;}
.f80 {font-size:80px !important;}
.f85 {font-size:85px !important;}
.f90 {font-size:90px !important;}
.f95 {font-size:95px !important;}
.f100{font-size:100px!important;}

.f15sp {font-size:15px;}
.f16sp {font-size:16px;}
.f17sp {font-size:17px;}
.f18sp {font-size:18px;}
.f19sp {font-size:19px;}
.f20sp {font-size:20px;}
.f22sp {font-size:22px;}
.f24sp {font-size:24px;}
.f26sp {font-size:26px;}
.f28sp {font-size:28px;}
.f30sp {font-size:30px;}
.f32sp {font-size:32px;}
.f34sp {font-size:34px;}
.f36sp {font-size:36px;}
.f38sp {font-size:38px;}
.f40sp {font-size:40px;}
.f42sp {font-size:42px;}
.f44sp {font-size:44px;}
.f46sp {font-size:46px;}
.f48sp {font-size:48px;}
.f50sp {font-size:50px;}
.f60sp {font-size:60px;}

@media (max-width:999px){
	.f17sp, .f18sp, .f19sp, .f20sp, .f22sp{font-size:16px;}
	.f24sp, .f26sp, .f28sp {font-size:22px;}
	.f30sp, .f32sp, .f34sp, .f36sp, .f38sp, {font-size:28px;}
	.f40sp, .f42sp, .f44sp, .f46sp, .f48sp, .f50sp, .f60sp {font-size:30px;}
}
@media (max-width:767px){
	.f15sp, .f16sp {font-size:14px;}
	.f17sp, .f18sp, .f19sp, .f20sp, .f22sp{font-size:15px;}
	.f24sp, .f26sp, .f28sp {font-size:16px;}
	.f30sp, .f32sp, .f34sp, .f36sp, .f38sp, {font-size:18px;}
	.f40sp, .f42sp, .f44sp, .f46sp, .f48sp, .f50sp, .f60sp {font-size:24px;}
}
/*START Color background area
==============================================*/
.bgLightPur {background-color: #c140ff;}
.bgLightPur2 {background-color: #7630ea;}
.bgMediumPur {background-color: #7630ea;}
.bgHPEyellow {background-color:#fec901;}
.bgLightOrange {background-color: #ff8300;}
.bgLightBlue {background-color: #7ff9e2;}
.bgMediumBlue {background-color: #32dac8;}
.bghpedarkblue {background-color:#0D5265;}
/*2025.08 release start
==============================================*/
/*Corporate color Primary colors*/
.bgHPEgreen {background-color: #01A982;}
.bgWht {background-color:#FFF;}
.bgBlack {background-color:#000000;}
.bgMidnight {background-color:#292D3A;}
/*Secondary colors*/
.bgJadeGreen {background-color: #05CC93;color: #000000;}
.bgMintGreen {background-color: #00E0AF;color: #000000;}
.bgCyan{background-color: #62E5F6;color: #000000;}
.bgBlue{background-color: #0070F8;}
.bgPurple{background-color: #7764FC;}
/*Neutrals colors*/
.bgGry {background-color:#F7F7F7;}/*LightCloud*/
.bgCloud {background-color:#E6E8E9;}
.bgDarkCloud {background-color:#D4D8DB;}
.bgSlate {background-color:#B1B9BE;}
.bgLightCarbon {background-color:#7D8A92;}
.bgCarbon {background-color:#535C66;}
.bgDarkCarbon {background-color:#3E4550;}
.bgCharcoal {background-color:#111212;}
/*2025.08 release end 
==============================================*/
/*text color 
====================================================*/
.red {color:#FF0000;}
.purple {color:#614767;}

/*2025.08 release start text color
====================================================*/
/*Corporate color Primary colors*/
.white {color:#FFF;}
.black {color:#000;}
.green {color:#01a982}
.Midnight {color:#292D3A;}
/*Secondary colors*/
.JadeGreen {color: #05CC93;}
.MintGreen {color: #00E0AF;}
.Cyan{color: #62E5F6;}
.Blue{color: #0070F8;}
.Purple{color: #7764FC;}
/*Neutrals colors*/
.LightCloud {color:#F7F7F7;}
.Cloud {color:#E6E8E9;}
.DarkCloud {color:#D4D8DB;}
.Slate {color:#B1B9BE;}
.LightCarbon {color:#7D8A92;}
.Carbon {color:#535C66;}
.DarkCarbon {color:#3E4550;}
.Charcoal {color:#111212;}
/*2025.08 release text color end*/
/*==================================================*/
/*2025.08 release start text mark color
====================================================*/
/*Secondary colors*/
.txbg_s1{background-color: #05CC93; color: #000000;}
.txbg_s2{background-color: #00E0AF; color: #000000;}
.txbg_s3{background-color: #62E5F6; color: #000000;}
.txbg_s4{background-color: #0070F8;}
.txbg_s5{background-color: #7764FC;}
/*Neutrals colors*/
.txbg_n1{background-color: #F7F7F7;}
.txbg_n2{background-color: #E6E8E9;}
.txbg_n3{background-color: #D4D8DB;}
/*==================================================*/
.bold {font-weight:bold;}
.normal {font-weight:normal;}

.justifySpcEvn {justify-content: space-evenly;}
.justifySpcBtw {justify-content: space-between;}
.justifyCttCtr {justify-content: center;}
.alignItemsCtr {align-items: center;}
.alignItemsEnd {align-items: flex-end;}
.alignCtr {text-align: center;}
.alignLft {text-align: left;}
.alignRgt {text-align: right;}
.alignJstfy {text-align: justify;}

.smalltext{	font-size: calc(1em - 2px);}
small.smalltext{	font-size: 10px;	line-height: 1;}
@media only screen and (max-width:999px){
	.spAlignCtr {
		text-align:center;
	}
	.spAlignLft {
		text-align:left;
	}
	.spAlignRft {
		text-align:right;
	}
}
@media only screen and (max-width:767px){
	.lessTabletAlignCtr {
		text-align:center;
	}
}
@media only screen and (max-width:414px){
	.sphoneAlignCtr {
		text-align:center;
	}
	.sphoneAlignLft {
		text-align:left;
	}
	.sphoneAlignRgt {
		text-align:right;
	}
}
.relative {
	position: relative;
}
.ctrMdl {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:auto;
	height:auto;
}

.indent-1 {padding-left:1em;text-indent:-1em;}
.indent-1_5 {padding-left: 1.5em;text-indent: -1.5em;}
.indent-2 {padding-left:2em;text-indent:-2em;}
.indent-2_5 {padding-left: 2.5em;text-indent: -2.5em;}

.lineThrough {text-decoration:line-through;}
.strikethrough {text-decoration: line-through;}

sup {
	font-size:60%;
	vertical-align:super;
}

.border-box {
	box-sizing:border-box;
}

.icon25Custom,
.icon25Rack {
	position:relative;
	padding-left:35px;
	display:inline-block;
}
.icon25Custom:before,
.icon25Rack:before {
	content:"";
	display:block;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
	background-image: url(/directplus_ent/system/images/icon_50.png);
	background-size: 25px;
	background-repeat: no-repeat;
}
.icon25Custom:before {
	background-position: 0 0;
}
.icon25Rack:before {
	background-position: 0 -25px;
}
.one_character.icon {
    background-color: #ff8300;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    font-weight: normal;
}

.wrdBrkAll {word-break: break-all;}
.wrdBrkwrd {word-break: break-word;}

.w50per {width:50%;}
.w100per {width:100%;}
.wauto {width:auto;}
.h100per {height:100%;}
.hauto {height:auto;}

.listC,
.listN {
	padding-left:1em;
	margin-left:1em;
}
.listC li {
	list-style-type:disc;
/*	margin-top:5px;*/
}
.listC li:first-child {
	margin-top:0;
}
.listN li {
	list-style-type:decimal;
	margin-top:5px;
}
.listN li:first-child {
	margin-top:0;
}
.linkList li {
	margin-top:10px;
}
.linkList li:first-child {
	margin-top:0;
}
ul.list_horizontal{
display: flex;
justify-content: center;
column-gap: 30px;
}
/*List英字を円で囲む alpha in circle*/
ol.alphaINcircle {
  counter-reset: abc-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
ol.alphaINcircle > li {
  padding-left: 1.6em;
  position: relative;
  list-style-type: none;
}
ol.alphaINcircle > li:before {
  content:counter(abc-counter, upper-alpha);
  counter-increment: abc-counter;
  background-color: #ff8300;
  color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5em;
  width: 1.5em;
  font-size: 95%;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
}
ol.alphaINcircle ol{counter-reset: childcounter;}
ol.alphaINcircle ol li {
  padding-left: 1.6em;
  position: relative;
  list-style-type: none;
}
ol.alphaINcircle ol li:before{
	content: counter(abc-counter, upper-alpha) counter(childcounter, decimal);
	counter-increment: childcounter;
	background-color: #ff8300;
	color: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.7em;
	width: 1.7em;
	font-size: 85%;
	line-height: 2;
	padding: 1px 0 0;
	position: absolute;
	top: 0;
	left: 0;
}
/*List数字を円で囲む decimal in circle*/
ol.decimalINcircle {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
ol.decimalINcircle li {
  line-height: 1.4;
  padding-left: 1.3em;
  position: relative;
  list-style-type: none;
}
ol.decimalINcircle li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5em;
  width: 1.5em;
  font-size: 75%;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
}
/* レ点チェックマークのlist */
.listcheckmark > li {	list-style:none; padding-left: 1.5em;text-indent: -1.5em;}
.listcheckmark > li::before {	content:"\02713"; padding-right: 5px; font-weight: bold;}

/* table default
-----------------------------------*/
.table th, .table td {
	border:solid 1px #D4D8DB;
	border-collapse:collapse;
	padding:10px 5px;
	vertical-align:middle;
}
.vAlignTop td {vertical-align:top !important;}
.table th {	background-color:#F7F7F7;}
@media only screen and (max-width:999px){
	.table th, .table td {
		padding:10px 5px;
	}
}
.table a {color:#707070;}
.table a:hover {color:#000;}
.spbr {display:none !important;}
.pcHide {display:none !important;}
@media only screen and (max-width:999px){
	.spbr {display:inline !important;}
	.spHide {display:none !important;}
	.pcHide {display:block !important;}
}
.br320,
.br374,
.br375,
.br414,
.br767,
.br768,
.br999,
.brTabletOnly {
	display: none;
}
.brUpper415,
.brUpper768,
.hideSpOnly {
	display: block;
}
@media only screen and (max-width: 999px) {
	.br999 {
		display: block;
	}
}
@media only screen and (max-width: 768px) {
	.br768,
	.brTabletOnly {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.br767 {
		display: block;
	}
	.brUpper768 {
		display: none;
	}
}
@media only screen and (max-width: 415px) {
	.brUpper415 {
		display: none;
	}
}
@media only screen and (max-width: 414px) {
	.br414 {
		display: block;
	}
	.brTabletOnly,
	.hideSpOnly {
		display: none;
	}
}
@media only screen and (max-width: 375px) {
	.br375 {
		display: block;
	}
}
@media only screen and (max-width: 374px) {
	.br374 {
		display: block;
	}
}
@media only screen and (max-width: 320px) {
	.br320 {
		display: block;
	}
}
.mainVisualPc img,
.mainVisualSp img {
	width:100%;
}
.mainVisualSp {
	display:none;
}
@media only screen and (max-width:767px){
	.mainVisualPc {
		display:none;
	}
	.mainVisualSp {
		display:block;
	}
}

.cfx:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.floatLft {
	float:left;
}
.floatRgt {
	float:right;
}

.ovh {
	overflow: hidden !important;
}
/*ranking,numbering,list,point top3 共通ナンバーカラー*/
.numbering *:first-child .numcolor {
    background: #7ff9e2;
	color: #000000;
}
.numbering *:nth-child(2) .numcolor {
    background: #32dac8;
	color: #000000;
}
.numbering *:nth-child(3) .numcolor {
    background: #0d5265;
    color: #ffffff;
}
.numbering *:first-child .numbordercolor {
    border-color: #7ff9e2;
}
.numbering *:nth-child(2) .numbordercolor {
    border-color: #32dac8;
}
.numbering *:nth-child(3) .numbordercolor {
    border-color: #0D5265;
}
/*Column------------------------------------------*/
.columnFixWidth,
.columnFixHeight {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.columnFixHeight {
	flex-direction: column;
}
.columnFixWidth  > *,
.columnFixHeight > *  {
	flex: 1;
}
/*grid*/
.grid-container{    display: grid;}
.grid_columns_1_1{	grid-template-columns: repeat(2,1fr);/*2列1：1*/}
.grid-container > .grid_column_card{	padding: 10px;}
@media only screen and (max-width: 999px){
  .grid_columns_1_1 {
    grid-template-columns: 100%;/*1列*/
  }
}
/*Two Column--------------------------------------*/
.column50-50 {
	width:100%;
}
.column50-50 > .clm1, .column50-50 > .clm2 {
	float:left;
	width:49%;
	box-sizing:border-box;
}
.column50-50 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column50-50 > .clm1, .column50-50 > .clm2 {
		float:none;
		width:100%;
	}
	.column50-50 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column50-50WithBdr {
	display:table;
	width:100%;
}
.column50-50WithBdr > .clm1, .column50-50WithBdr > .clm2 {
	display:table-cell;
	width:50%;
}
.column50-50WithBdr > .clm1 {
	border-right:1px solid #D4D8DB;
}
.column50-50WithBdr > .clm1 > .clmInr {
	padding-right:20px;
}
.column50-50WithBdr > .clm2 > .clmInr {
	padding-left:20px;
}
/*.column50-50WithBdr > .clm1 {
	padding-right:2%;
	border-right:1px solid #D4D8DB;
}
.column50-50WithBdr > .clm2 {
	padding-left:2%;
}*/
@media only screen and (max-width:999px){
	.column50-50WithBdr {
		display:block;
	}
	.column50-50WithBdr > .clm1, .column50-50WithBdr > .clm2 {
		display:block;
		width:100%;
	}
	.column50-50WithBdr > .clm1 {
		border-right:none;
		margin-bottom:20px;
	}
	.column50-50WithBdr > .clm1 > .clmInr {
		padding-right:0;
	}
	.column50-50WithBdr > .clm2 > .clmInr {
		padding-left:0;
	}
	/*.column50-50WithBdr > .clm1 {
		padding-right:0;
		border-right:none;
		margin-bottom:20px;
	}
	.column50-50WithBdr > .clm2 {
		padding-left:0;
	}*/
}
.column33-66 {
	width:100%;
}
.column33-66 > .clm1 {
	float:left;
	width:32%;
	box-sizing:border-box;
}
.column33-66 > .clm2 {
	float:left;
	width:66%;
	box-sizing:border-box;
}
.column33-66 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column33-66 > .clm1, .column33-66 > .clm2 {
		float:none;
		width:100%;
	}
	.column33-66 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column66-33 {
	width:100%;
}
.column66-33 > .clm1 {
	float:left;
	width:66%;
	box-sizing:border-box;
}
.column66-33 > .clm2 {
	float:left;
	width:32%;
	box-sizing:border-box;
}
.column66-33 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column66-33 > .clm1, .column66-33 > .clm2 {
		float:none;
		width:100%;
	}
	.column66-33 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column35-65 {
	width:100%;
}
.column35-65 > .clm1 {
	float:left;
	width:34%;
	box-sizing:border-box;
}
.column35-65 > .clm2 {
	float:left;
	width:64%;
	box-sizing:border-box;
}
.column35-65 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column35-65 > .clm1, .column35-65 > .clm2 {
		float:none;
		width:100%;
	}
	.column35-65 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column45-55 {
	width:100%;
}
.column45-55 > .clm1 {
	float:left;
	width:44%;
	box-sizing:border-box;
}
.column45-55 > .clm2 {
	float:left;
	width:54%;
	box-sizing:border-box;
}
.column45-55 > .clm1 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column45-55 > .clm1, .column45-55 > .clm2 {
		float:none;
		width:100%;
	}
	.column45-55 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column20-80 {
	width:100%;
}
.column20-80 .clm1, .column20-80 .clm2 {
	float:left;
}
.column20-80 .clm1 {
	width:19%;
	margin-right:1%;
}
.column20-80 .clm2 {
	width:79%;
	margin-left:1%;
}
@media only screen and (max-width:999px){
	.column20-80 .clm1, .column20-80 .clm2 {
		float:none;
		width:100%;
	}
	.column20-80 .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
	.column20-80 .clm2 {
		margin-left:0;
	}
}

.column25-75 {
	width:100%;
}
.column25-75 .clm1, .column25-75 .clm2 {
	float:left;
}
.column25-75 .clm1 {
	width:24%;
	margin-right:2%;
}
.column25-75 .clm2 {
	width:74%;
}
@media only screen and (max-width:999px){
	.column25-75 .clm1, .column25-75 .clm2 {
		float:none;
		width:100%;
	}
	.column25-75 .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}

.column60-40 {
	width:100%;
}
.column60-40 > .clm1,
.column60-40 > .clm2 {
	float:left;
	box-sizing:border-box;
}
.column60-40 > .clm1 {
	width:59%;
	margin-right:2%;
}
.column60-40 > .clm2 {
	width:39%;
}
@media only screen and (max-width:999px){
	.column60-40 > .clm1,
	.column60-40 > .clm2 {
		float:none;
		width:100%;
	}
	.column60-40 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column40-60 {
	width:100%;
}
.column40-60 > .clm1,
.column40-60 > .clm2 {
	float:left;
	box-sizing:border-box;
}
.column40-60 > .clm1 {
	width:39%;
	margin-right:2%;
}
.column40-60 > .clm2 {
	width:59%;
}
@media only screen and (max-width:999px){
	.column40-60 > .clm1,
	.column40-60 > .clm2 {
		float:none;
		width:100%;
	}
	.column40-60 > .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column85-15 {
	width:100%;
}
.column85-15 .clm1, .column85-15 .clm2 {
	float:left;
}
.column85-15 .clm1 {
	width:83%;
	margin-right:1%;
}
.column85-15 .clm2 {
	width:15%;
	margin-left:1%;
}
@media only screen and (max-width:999px){
	.column85-15 .clm1, .column85-15 .clm2 {
		float:none;
		width:100%;
	}
	.column85-15 .clm1 {
		margin-right:0;
		margin-bottom:20px;
	}
	.column85-15 .clm2 {
		margin-left:0;
	}
}

/* 動画とテキストカラム */
.column50-50HasMovie {
	display: flex;
	justify-content: space-between;
}
.column50-50HasMovie > * {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 50%;
	max-width: 100%;
}
.column50-50HasMovie > *:not(:last-child) {
	margin-right: 20px;
}
.column50-50HasMovie .brightCove {
	box-sizing: border-box;
}
.column50-50HasMovie .youtube {
	box-sizing: border-box;
}
.column50-50HasMovie .forPc {}
.column50-50HasMovie .forSp {
	display: none;
}
@media only screen and (min-width:768px){
	.column50-50HasMovie .brightCoveWrapper {
		width: 100%;
	}
	.column50-50HasMovie .youtubeWrapper {
		width: 100%;
	}
}
@media only screen and (max-width:767px){
	.column50-50HasMovie {
		flex-direction: column;
	}
	.column50-50HasMovie > *:not(:last-child) {
		margin-right: 0;
	}
	.column50-50HasMovie > .movie {
		margin-bottom: 20px;
	}
	.column50-50HasMovie > * {
		order: 2;
		flex-basis: auto;
	}
	.column50-50HasMovie > .movie {
		order: 1;
	}
	.column50-50HasMovie.textTop > * {
		order: 1;
		margin-bottom: 20px;
	}
	.column50-50HasMovie.textTop > .movie {
/*		order: 2;*/
		margin-bottom: 0;
	}
	.column50-50HasMovie .forPc {
		display: none;
	}
	.column50-50HasMovie .forSp {
		display: block;
	}
}
.column30-70HasMovie {
	display: flex;
	justify-content: space-between;
}
.column30-70HasMovie > *:first-child {
	flex: 1 1 33%;
}
.column30-70HasMovie > *:last-child {
	flex: 1 1 67%;
}
.column30-70HasMovie > *:not(:last-child) {
	margin-right: 20px;
}
.column30-70HasMovie .brightCove {
	box-sizing: border-box;
}
.column30-70HasMovie .youtube {
	box-sizing: border-box;
}
@media only screen and (min-width:769px){
	.column30-70HasMovie .brightCoveWrapper {
		width: 100%;
	}
	.column30-70HasMovie .youtubeWrapper {
		width: 100%;
	}
}
@media only screen and (max-width:768px){
	.column30-70HasMovie {
		flex-direction: column;
	}
	.column30-70HasMovie > *:not(:last-child) {
		margin-right: 0;
	}
	.column30-70HasMovie > .movie {
		margin-bottom: 20px;
	}
	.column30-70HasMovie > * {
		order: 2;
		flex: 1 1 auto;
	}
	.column30-70HasMovie > *:first-child {
		flex: 1 1 auto;
	}
	.column30-70HasMovie > *:last-child {
		flex: 1 1 auto;
	}
	.column30-70HasMovie .movie {
		order: 1;
	}
	.column30-70HasMovie .brightCoveWrapper {
		width: 94%;
	}
	.column30-70HasMovie .youtubeWrapper {
		width: 94%;
	}
}
@media only screen and (max-width:414px){
	.column30-70HasMovie .brightCoveWrapper {
		width: 100%;
	}
	.column30-70HasMovie .youtubeWrapper {
		width: 100%;
	}
}
/*Flex*/
.columnflex {  display: flex;}
.flexWrap {	flex-wrap: wrap;}
.flexGutter10 {	margin-right: 10px;}
.flexGutter15 {	margin-right: 15px;}
.flexGutter20 {	margin-right: 20px;}
.flexGutter25 {	margin-right: 25px;}
.flexGutter30 {	margin-right: 30px;}
.flexGutter40 {	margin-right: 40px;}
.gap10{gap: 10px;}
.gap20{gap: 20px;}
.gap30{gap: 30px;}
.gap40{gap: 40px;}
.flexgap10{gap: 10px;}
.flexgap20{gap: 20px;}
.flexgap30{gap: 30px;}
.flexgap40{gap: 40px;}
.clmgap20{column-gap: 20px;}
.clmgap30{column-gap: 30px;}
.clmgap40{column-gap: 40px;}
.rowgap20{row-gap: 20px;}
.rowgap30{row-gap: 30px;}
.rowgap40{row-gap: 40px;}
.rowgap60{row-gap: 60px;}
@media (max-width: 999px) {
	*:not([class*="fix"]) > .flexGutter10,
	*:not([class*="fix"]) > .flexGutter15,
	*:not([class*="fix"]) > .flexGutter20,
	*:not([class*="fix"]) > .flexGutter25,
	*:not([class*="fix"]) > .flexGutter30,
	*:not([class*="fix"]) > .flexGutter40 {
		margin-right: 0;
	}
	*:not([class*="fix"]) > .flexGutter10 {
		margin-bottom: 10px;
	}
	*:not([class*="fix"]) > .flexGutter15 {
		margin-bottom: 15px;
	}
	*:not([class*="fix"]) > .flexGutter20 {
		margin-bottom: 20px;
	}
	*:not([class*="fix"]) > .flexGutter25 {
		margin-bottom: 25px;
	}
	*:not([class*="fix"]) > .flexGutter30 {
		margin-bottom: 30px;
	}
	*:not([class*="fix"]) > .flexGutter40 {
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	.fixUpperTablet > .flexGutter10,
	.fixUpperTablet > .flexGutter15,
	.fixUpperTablet > .flexGutter20,
	.fixUpperTablet > .flexGutter25,
	.fixUpperTablet > .flexGutter30,
	.fixUpperTablet > .flexGutter40 {
		margin-right: 0;
	}
	.fixUpperTablet > .flexGutter10 {
		margin-bottom: 10px;
	}
	.fixUpperTablet > .flexGutter15 {
		margin-bottom: 15px;
	}
	.fixUpperTablet > .flexGutter20 {
		margin-bottom: 20px;
	}
	.fixUpperTablet > .flexGutter25 {
		margin-bottom: 25px;
	}
	.fixUpperTablet > .flexGutter30 {
		margin-bottom: 30px;
	}
	.fixUpperTablet > .flexGutter40 {
		margin-bottom: 40px;
	}
}
@media (max-width: 414px) {
	.fixUpperSp > .flexGutter10,
	.fixUpperSp > .flexGutter15,
	.fixUpperSp > .flexGutter20,
	.fixUpperSp > .flexGutter25,
	.fixUpperSp > .flexGutter30,
	.fixUpperSp > .flexGutter40 {
		margin-right: 0;
	}
	.fixUpperSp > .flexGutter10 {
		margin-bottom: 10px;
	}
	.fixUpperSp > .flexGutter15 {
		margin-bottom: 15px;
	}
	.fixUpperSp > .flexGutter20 {
		margin-bottom: 20px;
	}
	.fixUpperSp > .flexGutter25 {
		margin-bottom: 25px;
	}
	.fixUpperSp > .flexGutter30 {
		margin-bottom: 30px;
	}
	.fixUpperSp > .flexGutter40 {
		margin-bottom: 40px;
	}
}
.column80-20Flex,
.column80-20Flex *,
.column67-33Flex,
.column67-33Flex *,
.column60-40Flex,
.column60-40Flex *,
.column50-50Flex,
.column50-50Flex *,
.column40-60Flex,
.column40-60Flex *,
.column33-67Flex,
.column33-67Flex *,
.column25-75Flex,
.column25-75Flex *,
.column20-80Flex,
.column20-80Flex * {
	box-sizing: border-box;
}
.column80-20Flex,
.column67-33Flex,
.column60-40Flex,
.column50-50Flex,
.column40-60Flex,
.column33-67Flex,
.column25-75Flex,
.column20-80Flex {
	display: flex;
}
.column80-20Flex > *,
.column67-33Flex > *,
.column60-40Flex > *,
.column50-50Flex > *,
.column40-60Flex > *,
.column33-67Flex > *,
.column25-75Flex > *,
.column20-80Flex > * {
	flex: 0 1 auto;
}
@media (min-width: 1000px) {
	.column80-20Flex > *:first-child {
		width: 80%;
	}
	.column80-20Flex > *:last-child {
		width: 20%;
	}
	.column67-33Flex > *:first-child {
		width: 67%;
	}
	.column67-33Flex > *:last-child {
		width: 33%;
	}
	.column60-40Flex > *:first-child {
		width: 60%;
	}
	.column60-40Flex > *:last-child {
		width: 40%;
	}
	.column50-50Flex > *:first-child {
		width: 50%;
	}
	.column50-50Flex > *:last-child {
		width: 50%;
	}
	.column40-60Flex > *:first-child {
		width: 40%;
	}
	.column40-60Flex > *:last-child {
		width: 60%;
	}
	.column33-67Flex > *:first-child {
		width: 33%;
	}
	.column33-67Flex > *:last-child {
		width: 67%;
	}
	.column25-75Flex > *:first-child {
		width: 25%;
	}
	.column25-75Flex > *:last-child {
		width: 75%;
	}
	.column20-80Flex > *:first-child {
		width: 20%;
	}
	.column20-80Flex > *:last-child {
		width: 80%;
	}
}
@media (max-width: 999px) {
	.column80-20Flex,
	.column67-33Flex,
	.column60-40Flex,
	.column50-50Flex,
	.column40-60Flex,
	.column33-67Flex,
	.column25-75Flex,
	.column20-80Flex {
		flex-direction: column;
	}
	.column80-20Flex:not(*[class*="fix"]) > *,
	.column67-33Flex:not(*[class*="fix"]) > *,
	.column60-40Flex:not(*[class*="fix"]) > *,
	.column50-50Flex:not(*[class*="fix"]) > *,
	.column40-60Flex:not(*[class*="fix"]) > *,
	.column33-67Flex:not(*[class*="fix"]) > *,
	.column25-75Flex:not(*[class*="fix"]) > *,
	.column20-80Flex:not(*[class*="fix"]) > * {
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.column80-20Flex.fixUpperTablet,
	.column67-33Flex.fixUpperTablet,
	.column60-40Flex.fixUpperTablet,
	.column50-50Flex.fixUpperTablet,
	.column40-60Flex.fixUpperTablet,
	.column33-67Flex.fixUpperTablet,
	.column25-75Flex.fixUpperTablet,
	.column20-80Flex.fixUpperTablet {
		flex-direction: row;
	}
	.column80-20Flex.fixUpperTablet > *:first-child {
		width: 80%;
	}
	.column80-20Flex.fixUpperTablet > *:last-child {
		width: 20%;
	}
	.column67-33Flex.fixUpperTablet > *:first-child {
		width: 67%;
	}
	.column67-33Flex.fixUpperTablet > *:last-child {
		width: 33%;
	}
	.column60-40Flex.fixUpperTablet > *:first-child {
		width: 60%;
	}
	.column60-40Flex.fixUpperTablet > *:last-child {
		width: 40%;
	}
	.column50-50Flex.fixUpperTablet > *:first-child {
		width: 50%;
	}
	.column50-50Flex.fixUpperTablet > *:last-child {
		width: 50%;
	}
	.column40-60Flex.fixUpperTablet > *:first-child {
		width: 40%;
	}
	.column40-60Flex.fixUpperTablet > *:last-child {
		width: 60%;
	}
	.column33-67Flex.fixUpperTablet > *:first-child {
		width: 33%;
	}
	.column33-67Flex.fixUpperTablet > *:last-child {
		width: 67%;
	}
	.column25-75Flex.fixUpperTablet > *:first-child {
		width: 25%;
	}
	.column25-75Flex.fixUpperTablet > *:last-child {
		width: 75%;
	}
	.column20-80Flex.fixUpperTablet > *:first-child {
		width: 20%;
	}
	.column20-80Flex.fixUpperTablet > *:last-child {
		width: 80%;
	}
}
@media (max-width: 767px) {
	.column80-20Flex.fixUpperTablet,
	.column67-33Flex.fixUpperTablet,
	.column60-40Flex.fixUpperTablet,
	.column50-50Flex.fixUpperTablet,
	.column40-60Flex.fixUpperTablet,
	.column33-67Flex.fixUpperTablet,
	.column25-75Flex.fixUpperTablet,
	.column20-80Flex.fixUpperTablet {
		flex-direction: column;
	}
	.column80-20Flex.fixUpperTablet > *,
	.column67-33Flex.fixUpperTablet > *,
	.column60-40Flex.fixUpperTablet > *,
	.column50-50Flex.fixUpperTablet > *,
	.column40-60Flex.fixUpperTablet > *,
	.column33-67Flex.fixUpperTablet > *,
	.column25-75Flex.fixUpperTablet > *,
	.column20-80Flex.fixUpperTablet > * {
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 415px) and (max-width: 999px) {
	.column80-20Flex.fixUpperSp,
	.column67-33Flex.fixUpperSp,
	.column60-40Flex.fixUpperSp,
	.column50-50Flex.fixUpperSp,
	.column40-60Flex.fixUpperSp,
	.column33-67Flex.fixUpperSp,
	.column25-75Flex.fixUpperSp,
	.column20-80Flex.fixUpperSp {
		flex-direction: row;
	}
	.column80-20Flex.fixUpperSp > *:first-child {
		width: 80%;
	}
	.column80-20Flex.fixUpperSp > *:last-child {
		width: 20%;
	}
	.column67-33Flex.fixUpperSp > *:first-child {
		width: 67%;
	}
	.column67-33Flex.fixUpperSp > *:last-child {
		width: 33%;
	}
	.column60-40Flex.fixUpperSp > *:first-child {
		width: 60%;
	}
	.column60-40Flex.fixUpperSp > *:last-child {
		width: 40%;
	}
	.column50-50Flex.fixUpperSp > *:first-child {
		width: 50%;
	}
	.column50-50Flex.fixUpperSp > *:last-child {
		width: 50%;
	}
	.column40-60Flex.fixUpperSp > *:first-child {
		width: 40%;
	}
	.column40-60Flex.fixUpperSp > *:last-child {
		width: 60%;
	}
	.column33-67Flex.fixUpperSp > *:first-child {
		width: 33%;
	}
	.column33-67Flex.fixUpperSp > *:last-child {
		width: 67%;
	}
	.column25-75Flex.fixUpperSp > *:first-child {
		width: 25%;
	}
	.column25-75Flex.fixUpperSp > *:last-child {
		width: 75%;
	}
	.column20-80Flex.fixUpperSp > *:first-child {
		width: 20%;
	}
	.column20-80Flex.fixUpperSp > *:last-child {
		width: 80%;
	}
}
@media (max-width: 414px) {
	.column80-20Flex.fixUpperSp,
	.column67-33Flex.fixUpperSp,
	.column60-40Flex.fixUpperSp,
	.column50-50Flex.fixUpperSp,
	.column40-60Flex.fixUpperSp,
	.column33-67Flex.fixUpperSp,
	.column25-75Flex.fixUpperSp,
	.column20-80Flex.fixUpperSp {
		flex-direction: column;
	}
	.column80-20Flex.fixUpperSp > *,
	.column67-33Flex.fixUpperSp > *,
	.column60-40Flex.fixUpperSp > *,
	.column50-50Flex.fixUpperSp > *,
	.column40-60Flex.fixUpperSp > *,
	.column33-67Flex.fixUpperSp > *,
	.column25-75Flex.fixUpperSp > *,
	.column20-80Flex.fixUpperSp > * {
		max-width: 100%;
		flex-shrink: 0;
	}
}
.column80-20Flex.fixAll,
.column67-33Flex.fixAll,
.column60-40Flex.fixAll,
.column50-50Flex.fixAll,
.column40-60Flex.fixAll,
.column33-67Flex.fixAll,
.column25-75Flex.fixAll,
.column20-80Flex.fixAll {
	flex-direction: row;
}
.column80-20Flex.fixAll > *:first-child {
	width: 80%;
}
.column80-20Flex.fixAll > *:last-child {
	width: 20%;
}
.column67-33Flex.fixAll > *:first-child {
	width: 67%;
}
.column67-33Flex.fixAll > *:last-child {
	width: 33%;
}
.column60-40Flex.fixAll > *:first-child {
	width: 60%;
}
.column60-40Flex.fixAll > *:last-child {
	width: 40%;
}
.column50-50Flex.fixAll > *:first-child {
	width: 50%;
}
.column50-50Flex.fixAll > *:last-child {
	width: 50%;
}
.column40-60Flex.fixAll > *:first-child {
	width: 40%;
}
.column40-60Flex.fixAll > *:last-child {
	width: 60%;
}
.column33-67Flex.fixAll > *:first-child {
	width: 33%;
}
.column33-67Flex.fixAll > *:last-child {
	width: 67%;
}
.column25-75Flex.fixAll > *:first-child {
	width: 25%;
}
.column25-75Flex.fixAll > *:last-child {
	width: 75%;
}
.column20-80Flex.fixAll > *:first-child {
	width: 20%;
}
.column20-80Flex.fixAll > *:last-child {
	width: 80%;
}

.flexIconColumn {
	display: flex;
}
.flexIconColumn > * {
	flex: 1 1 auto;
}
.flexIconColumn > .icon {
	flex: 0 0 auto;
}
.flexIconColumn > .icon > img {
	max-width: 40px;
}

/*Three Column--------------------------------------*/
.column33-33-33 {
	width:100%;
}
.column33-33-33 > .clm1, .column33-33-33 > .clm2, .column33-33-33 > .clm3 {
	float:left;
	width:32%;
	box-sizing:border-box;
}
.column33-33-33 > .clm1, .column33-33-33 > .clm2 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column33-33-33 > .clm1, .column33-33-33 > .clm2, .column33-33-33 > .clm3 {
		float:none;
		width:100%;
	}
	.column33-33-33 > .clm1, .column33-33-33 > .clm2 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column33-33-33WithBdr {
	display:table;
	width:100%;
}
.column33-33-33WithBdr > .clm1,
.column33-33-33WithBdr > .clm3 {
	display:table-cell;
	width:32.666666%;
}
.column33-33-33WithBdr > .clm2 {
	display:table-cell;
	width:34.666666%;
}
.column33-33-33WithBdr > .clm1,
.column33-33-33WithBdr > .clm2 {
	border-right:1px solid #D4D8DB;
}
.column33-33-33WithBdr > .clm1 > .clmInr {
	padding-right:20px;
}
.column33-33-33WithBdr > .clm2 > .clmInr {
	padding-left:20px;
	padding-right:20px;
}
.column33-33-33WithBdr > .clm3 > .clmInr {
	padding-left:20px;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBdr {
		display:block;
	}
	.column33-33-33WithBdr > .clm1,
	.column33-33-33WithBdr > .clm2,
	.column33-33-33WithBdr > .clm3 {
		display:block;
		width:100%;
	}
	.column33-33-33WithBdr > .clm1,
	.column33-33-33WithBdr > .clm2 {
		border-right:none;
		margin-bottom:20px;
	}
	.column33-33-33WithBdr > .clm1 > .clmInr {
		padding-right:0;
	}
	.column33-33-33WithBdr > .clm2 > .clmInr {
		padding-left:0;
		padding-right:0;
	}
	.column33-33-33WithBdr > .clm3 > .clmInr {
		padding-left:0;
	}
}
.column33-33-33Flex,
.column33-33-33Flex * {
	box-sizing: border-box;
}
.column33-33-33Flex {
	display: flex;
}
.column33-33-33Flex > * {
	flex: 0 1 auto;
	width: 33.33%;
}
@media (max-width: 999px) {
	.column33-33-33Flex {
		flex-direction: column;
	}
	.column33-33-33Flex:not(*[class*="fix"]) > * {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.column33-33-33Flex.fixUpperTablet {
		flex-direction: row;
	}
}
@media (max-width: 767px) {
	.column33-33-33Flex.fixUpperTablet {
		flex-direction: column;
	}
	.column33-33-33Flex > * {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 415px) and (max-width: 999px) {
	.column33-33-33Flex.fixUpperSp {
		flex-direction: row;
	}
}
@media (max-width: 414px) {
	.column33-33-33Flex.fixUpperSp {
		flex-direction: column;
	}
	.column33-33-33Flex.fixUpperSp > * {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
.column33-33-33Flex.fixAll {
	flex-direction: row;
}
.column33-33-33Flex.fixAll > * {
	width: 33.33%;
}

/*Four Column--------------------------------------*/
.column25-25-25-25 {
	width:100%;
}
.column25-25-25-25 > .clm1, .column25-25-25-25 > .clm2, .column25-25-25-25 > .clm3, .column25-25-25-25 > .clm4 {
	float:left;
	width:23.5%;
	box-sizing:border-box;
}
.column25-25-25-25 > .clm1, .column25-25-25-25 > .clm2, .column25-25-25-25 > .clm3 {
	margin-right:2%;
}
@media only screen and (max-width:999px){
	.column25-25-25-25 > .clm1, .column25-25-25-25 > .clm2, .column25-25-25-25 > .clm3, .column25-25-25-25 > .clm4 {
		float:none;
		width:100%;
	}
	.column25-25-25-25 > .clm1, .column25-25-25-25 > .clm2, .column25-25-25-25 > .clm3 {
		margin-right:0;
		margin-bottom:20px;
	}
}
.column4-2-1,
.column4-2-1 * {
	box-sizing: border-box;
}
.column4-2-1 {
	display:flex;
	width:100%;
}
.column4-2-1 > * {
	flex:1;
	flex-basis: 25%;
	flex-grow: 0;
	border-right:1px solid #D4D8DB;
}
.column4-2-1 > *:last-child {
	border-right:none;
}
.column4-2-1 > * > .clmInr {
	padding-left:20px;
	padding-right:20px;
}
.column4-2-1 > * > .clmInr.spaceBetween {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}
.column4-2-1 .btn-secondary {
	min-width: auto;
	width: 100%;
}
@media only screen and (max-width:999px){
	.column4-2-1 {
		flex-wrap: wrap;
	}
	.column4-2-1 > * {
		flex-basis: 50%;
	}
	.column4-2-1 > *:nth-child(2n) {
		border-right:none;
	}
	.column4-2-1 > *:nth-child(-n+2) {
		margin-bottom:20px;
	}
	.column4-2-1 .btn-secondary {
		min-width: 220px;
		width: auto;
	}
}
@media only screen and (max-width:767px){
	.column4-2-1,
	.column4-2-1 > * {
		display: block;
	}
	.column4-2-1 > * {
		border-right:none;
		margin-bottom:20px;
	}
	.column4-2-1 > *:last-child {
		margin-bottom:0;
	}
}
/* 4column flex */
.column25-25-25-25Flex,
.column25-25-25-25Flex * {
	box-sizing: border-box;
}
.column25-25-25-25Flex {
	display: flex;
}
.column25-25-25-25Flex > * {
	flex: 0 1 auto;
	width: 25%;
}
@media (min-width: 1000px){
/*区切り横線あり*/
.column25-25-25-25Flex.WithBdr > *:not(:last-child){border-right: 1px solid #D4D8DB;}
}
@media (max-width: 999px) {
	.column25-25-25-25Flex {
		flex-direction: column;
	}
	.column25-25-25-25Flex:not(*[class*="fix"]) > * {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
	/*区切り横線あり*/
	.column25-25-25-25Flex.WithBdr > *:not(:last-child){border-bottom: 1px solid #D4D8DB;}
	.column25-25-25-25Flex.wrap4-2-1 {
	  flex-wrap: wrap;
	  flex-direction: row;
	  row-gap: 60px;
	}
	.column25-25-25-25Flex.wrap4-2-1 > *{
		width: 50%;
		max-width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.column25-25-25-25Flex.fixUpperTablet{
		flex-direction: row;
	}
	.column25-25-25-25Flex.WithBdr.fixUpperTablet > *:not(:last-child){
		border-right: 1px solid #D4D8DB;
		border-bottom: none;
	}
}
@media (max-width: 767px) {
	.column25-25-25-25Flex.fixUpperTablet, .column25-25-25-25Flex.wrap4-2-1{
		flex-direction: column;
	}
	.column25-25-25-25Flex > *, .column25-25-25-25Flex.wrap4-2-1 > *{
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
@media (min-width: 415px) and (max-width: 999px) {
	.column25-25-25-25Flex.fixUpperSp {
		flex-direction: row;
	}
}
@media (max-width: 414px) {
	.column25-25-25-25Flex.fixUpperSp {
		flex-direction: column;
	}
	.column25-25-25-25Flex.fixUpperSp > * {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
.column25-25-25-25Flex.fixAll {
	flex-direction: row;
}
.column25-25-25-25Flex.fixAll > * {
	width: 25%;
}

/*===
===================================================*/
.twoColumnLinkList > ul {
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.twoColumnLinkList > ul > li {
	margin-top:20px;
	display: flex;
	flex: 1 0 auto;
}
.twoColumnLinkList > ul > li:nth-child(odd) {
	margin-right:2%;
}
.twoColumnLinkList > ul > li:first-child,
.twoColumnLinkList > ul > li:nth-child(2) {
	margin-top:0;
}
.page.guide .twoColumnLinkList > ul, #RelatedLink .twoColumnLinkList > ul{
	width:100%;
	column-gap:2%;
}
.page.guide .twoColumnLinkList > ul > li, #RelatedLink .twoColumnLinkList > ul > li{
	width:49%;
	margin-top: 0;
}
.page.guide .twoColumnLinkList > ul > li:nth-child(odd), #RelatedLink .twoColumnLinkList > ul > li:nth-child(odd){
    margin-right: 0;
}
/*3column*/
.threeColumnPanel {
	width:100%;
}
.threeColumnPanel .pnl {
	width:33.333333%;
	float:left;
	box-sizing:border-box;
	border-top:1px solid #D4D8DB;
	border-right:1px dotted #D4D8DB;
}
.threeColumnPanel .pnl:nth-child(3n) {
	border-right:1px dotted #FFF;
}

.horizontalList li {
	display:inline-block;
	margin-left:20px;
}
.horizontalList li:first-child {
	margin-left:0;
}
@media (max-width:999px){
	.twoColumnLinkList > ul > li {
		float:none;
		width:100%;
	}
	.twoColumnLinkList > ul > li:nth-child(odd) {
		margin-right:0;
	}
	.twoColumnLinkList > ul > li:nth-child(2) {
		margin-top:20px;
	}
	.threeColumnPanel .pnl {
		width:100%;
		border-right:none;
	}
	.threeColumnPanel .pnl:nth-child(3n) {
		border-right:none;
	}
}
@media (max-width:767px){
	.horizontalList .btn {  margin-top:10px;}
	.horizontalList li {
		display:block;
		margin-left:0;
	}
	.page.guide .twoColumnLinkList > ul > li, #RelatedLink .twoColumnLinkList > ul > li{
		width:100%;
	}
}
@font-face {
    font-family:'hpe-glyphicons';
    src: url('/directplus_ent/system/styles/icons/hpe-glyphicons.eot');
    src: url('/directplus_ent/system/styles/icons/hpe-glyphicons.eot?iefix') format('eot'),
         url('/directplus_ent/system/styles/icons/hpe-glyphicons.woff') format('woff'),
         url('/directplus_ent/system/styles/icons/hpe-glyphicons.ttf') format('truetype'),
         url('/directplus_ent/system/styles/icons/hpe-glyphicons.svg') format('svg');
}
@font-face{
	font-family:'Glyphicons Halflings';
	src: url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.eot');
	src: url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.eot?#iefix') format('eot'),
		 url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.woff') format('woff'),
		 url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.ttf') format('truetype'),
		 url('/directplus_ent/system/styles/icons/glyphicons-halflings-regular.svg') format('svg');
}
/*START img size control
-------------------------------------------------*/

@media (max-width:999px){
	.fit img{
		width: 100%;
		max-width: 980px;
		height: auto;
	}
	.fitmax300 img{
		width: 100%;
		max-width: 300px;
		height: auto;
	}
}
@media (max-width:767px){
	.fit767 img{
		width: 100%;
		max-width: 700px;
		height: auto;
	}
	.fit767max500 img{
		width: 100%;
		max-width: 500px;
		height: auto;
	}
}
@media (max-width:500px){
	.fit500 img{
		width: 100%;
		max-width: 300px;
		height: auto;
	}
}
/*START Icons
-------------------------------------------------*/
.glyphicon{
	position:relative;
	top:1px;
	display:inline-block;
	font-family:'Glyphicons Halflings';
	font-weight:400;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.glyphicon-asterisk:before{content:"\2a"}
.glyphicon-plus:before{content:"\2b"}
.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}
.glyphicon-minus:before{content:"\2212"}
.glyphicon-cloud:before{content:"\2601"}
.glyphicon-envelope:before{content:"\2709"}
.glyphicon-pencil:before{content:"\270f"}
.glyphicon-glass:before{content:"\e001"}
.glyphicon-music:before{content:"\e002"}
.glyphicon-search:before{content:"\e003"}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-film:before{content:"\e009"}
.glyphicon-th-large:before{content:"\e010"}
.glyphicon-th:before{content:"\e011"}
.glyphicon-th-list:before{content:"\e012"}
.glyphicon-ok:before{content:"\e013"}
.glyphicon-remove:before{content:"\e014"}
.glyphicon-zoom-in:before{content:"\e015"}
.glyphicon-zoom-out:before{content:"\e016"}
.glyphicon-off:before{content:"\e017"}
.glyphicon-signal:before{content:"\e018"}
.glyphicon-cog:before{content:"\e019"}
.glyphicon-trash:before{content:"\e020"}
.glyphicon-home:before{content:"\e021"}
.glyphicon-file:before{content:"\e022"}
.glyphicon-time:before{content:"\e023"}
.glyphicon-road:before{content:"\e024"}
.glyphicon-download-alt:before{content:"\e025"}
.glyphicon-download:before{content:"\e026"}
.glyphicon-upload:before{content:"\e027"}
.glyphicon-inbox:before{content:"\e028"}
.glyphicon-play-circle:before{content:"\e029"}
.glyphicon-repeat:before{content:"\e030"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-lock:before{content:"\e033"}
.glyphicon-flag:before{content:"\e034"}
.glyphicon-headphones:before{content:"\e035"}
.glyphicon-volume-off:before{content:"\e036"}
.glyphicon-volume-down:before{content:"\e037"}
.glyphicon-volume-up:before{content:"\e038"}
.glyphicon-qrcode:before{content:"\e039"}
.glyphicon-barcode:before{content:"\e040"}
.glyphicon-tag:before{content:"\e041"}
.glyphicon-tags:before{content:"\e042"}
.glyphicon-book:before{content:"\e043"}
.glyphicon-bookmark:before{content:"\e044"}
.glyphicon-print:before{content:"\e045"}
.glyphicon-camera:before{content:"\e046"}
.glyphicon-font:before{content:"\e047"}
.glyphicon-bold:before{content:"\e048"}
.glyphicon-italic:before{content:"\e049"}
.glyphicon-text-height:before{content:"\e050"}
.glyphicon-text-width:before{content:"\e051"}
.glyphicon-align-left:before{content:"\e052"}
.glyphicon-align-center:before{content:"\e053"}
.glyphicon-align-right:before{content:"\e054"}
.glyphicon-align-justify:before{content:"\e055"}
.glyphicon-list:before{content:"\e056"}
.glyphicon-indent-left:before{content:"\e057"}
.glyphicon-indent-right:before{content:"\e058"}
.glyphicon-facetime-video:before{content:"\e059"}
.glyphicon-picture:before{content:"\e060"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-adjust:before{content:"\e063"}
.glyphicon-tint:before{content:"\e064"}
.glyphicon-edit:before{content:"\e065"}
.glyphicon-share:before{content:"\e066"}
.glyphicon-check:before{content:"\e067"}
.glyphicon-move:before{content:"\e068"}
.glyphicon-step-backward:before{content:"\e069"}
.glyphicon-fast-backward:before{content:"\e070"}
.glyphicon-backward:before{content:"\e071"}
.glyphicon-play:before{content:"\e072"}
.glyphicon-pause:before{content:"\e073"}
.glyphicon-stop:before{content:"\e074"}
.glyphicon-forward:before{content:"\e075"}
.glyphicon-fast-forward:before{content:"\e076"}
.glyphicon-step-forward:before{content:"\e077"}
.glyphicon-eject:before{content:"\e078"}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
.glyphicon-plus-sign:before{content:"\e081"}
.glyphicon-minus-sign:before{content:"\e082"}
.glyphicon-remove-sign:before{content:"\e083"}
.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-question-sign:before{content:"\e085"}
.glyphicon-info-sign:before{content:"\e086"}
.glyphicon-screenshot:before{content:"\e087"}
.glyphicon-remove-circle:before{content:"\e088"}
.glyphicon-ok-circle:before{content:"\e089"}
.glyphicon-ban-circle:before{content:"\e090"}
.glyphicon-arrow-left:before{content:"\e091"}
.glyphicon-arrow-right:before{content:"\e092"}
.glyphicon-arrow-up:before{content:"\e093"}
.glyphicon-arrow-down:before{content:"\e094"}
.glyphicon-share-alt:before{content:"\e095"}
.glyphicon-resize-full:before{content:"\e096"}
.glyphicon-resize-small:before{content:"\e097"}
.glyphicon-exclamation-sign:before{content:"\e101"}
.glyphicon-gift:before{content:"\e102"}
.glyphicon-leaf:before{content:"\e103"}
.glyphicon-fire:before{content:"\e104"}
.glyphicon-eye-open:before{content:"\e105"}
.glyphicon-eye-close:before{content:"\e106"}
.glyphicon-warning-sign:before{content:"\e107"}
.glyphicon-plane:before{content:"\e108"}
.glyphicon-calendar:before{content:"\e109"}
.glyphicon-random:before{content:"\e110"}
.glyphicon-comment:before{content:"\e111"}
.glyphicon-magnet:before{content:"\e112"}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-retweet:before{content:"\e115"}
.glyphicon-shopping-cart:before{content:"\e116"}
.glyphicon-folder-close:before{content:"\e117"}
.glyphicon-folder-open:before{content:"\e118"}
.glyphicon-resize-vertical:before{content:"\e119"}
.glyphicon-resize-horizontal:before{content:"\e120"}
.glyphicon-hdd:before{content:"\e121"}
.glyphicon-bullhorn:before{content:"\e122"}
.glyphicon-bell:before{content:"\e123"}
.glyphicon-certificate:before{content:"\e124"}
.glyphicon-thumbs-up:before{content:"\e125"}
.glyphicon-thumbs-down:before{content:"\e126"}
.glyphicon-hand-right:before{content:"\e127"}
.glyphicon-hand-left:before{content:"\e128"}
.glyphicon-hand-up:before{content:"\e129"}
.glyphicon-hand-down:before{content:"\e130"}
.glyphicon-circle-arrow-right:before{content:"\e131"}
.glyphicon-circle-arrow-left:before{content:"\e132"}
.glyphicon-circle-arrow-up:before{content:"\e133"}
.glyphicon-circle-arrow-down:before{content:"\e134"}
.glyphicon-globe:before{content:"\e135"}
.glyphicon-wrench:before{content:"\e136"}
.glyphicon-tasks:before{content:"\e137"}
.glyphicon-filter:before{content:"\e138"}
.glyphicon-briefcase:before{content:"\e139"}
.glyphicon-fullscreen:before{content:"\e140"}
.glyphicon-dashboard:before{content:"\e141"}
.glyphicon-paperclip:before{content:"\e142"}
.glyphicon-heart-empty:before{content:"\e143"}
.glyphicon-link:before{content:"\e144"}
.glyphicon-phone:before{content:"\e145"}
.glyphicon-pushpin:before{content:"\e146"}
.glyphicon-usd:before{content:"\e148"}
.glyphicon-gbp:before{content:"\e149"}
.glyphicon-sort:before{content:"\e150"}
.glyphicon-sort-by-alphabet:before{content:"\e151"}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
.glyphicon-sort-by-order:before{content:"\e153"}
.glyphicon-sort-by-order-alt:before{content:"\e154"}
.glyphicon-sort-by-attributes:before{content:"\e155"}
.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
.glyphicon-unchecked:before{content:"\e157"}
.glyphicon-expand:before{content:"\e158"}
.glyphicon-collapse-down:before{content:"\e159"}
.glyphicon-collapse-up:before{content:"\e160"}
.glyphicon-log-in:before{content:"\e161"}
.glyphicon-flash:before{content:"\e162"}
.glyphicon-log-out:before{content:"\e163"}
.glyphicon-new-window:before{content:"\e164"}
.glyphicon-record:before{content:"\e165"}
.glyphicon-save:before{content:"\e166"}
.glyphicon-open:before{content:"\e167"}
.glyphicon-saved:before{content:"\e168"}
.glyphicon-import:before{content:"\e169"}
.glyphicon-export:before{content:"\e170"}
.glyphicon-send:before{content:"\e171"}
.glyphicon-floppy-disk:before{content:"\e172"}
.glyphicon-floppy-saved:before{content:"\e173"}
.glyphicon-floppy-remove:before{content:"\e174"}
.glyphicon-floppy-save:before{content:"\e175"}
.glyphicon-floppy-open:before{content:"\e176"}
.glyphicon-credit-card:before{content:"\e177"}
.glyphicon-transfer:before{content:"\e178"}
.glyphicon-cutlery:before{content:"\e179"}
.glyphicon-header:before{content:"\e180"}
.glyphicon-compressed:before{content:"\e181"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-tower:before{content:"\e184"}
.glyphicon-stats:before{content:"\e185"}
.glyphicon-sd-video:before{content:"\e186"}
.glyphicon-hd-video:before{content:"\e187"}
.glyphicon-subtitles:before{content:"\e188"}
.glyphicon-sound-stereo:before{content:"\e189"}
.glyphicon-sound-dolby:before{content:"\e190"}
.glyphicon-sound-5-1:before{content:"\e191"}
.glyphicon-sound-6-1:before{content:"\e192"}
.glyphicon-sound-7-1:before{content:"\e193"}
.glyphicon-copyright-mark:before{content:"\e194"}
.glyphicon-registration-mark:before{content:"\e195"}
.glyphicon-cloud-download:before{content:"\e197"}
.glyphicon-cloud-upload:before{content:"\e198"}
.glyphicon-tree-conifer:before{content:"\e199"}
.glyphicon-tree-deciduous:before{content:"\e200"}
.glyphicon-cd:before{content:"\e201"}
.glyphicon-save-file:before{content:"\e202"}
.glyphicon-open-file:before{content:"\e203"}
.glyphicon-level-up:before{content:"\e204"}
.glyphicon-copy:before{content:"\e205"}
.glyphicon-paste:before{content:"\e206"}
.glyphicon-alert:before{content:"\e209"}
.glyphicon-equalizer:before{content:"\e210"}
.glyphicon-king:before{content:"\e211"}
.glyphicon-queen:before{content:"\e212"}
.glyphicon-pawn:before{content:"\e213"}
.glyphicon-bishop:before{content:"\e214"}
.glyphicon-knight:before{content:"\e215"}
.glyphicon-baby-formula:before{content:"\e216"}
.glyphicon-tent:before{content:"\26fa"}
.glyphicon-blackboard:before{content:"\e218"}
.glyphicon-bed:before{content:"\e219"}
.glyphicon-apple:before{content:"\f8ff"}
.glyphicon-erase:before{content:"\e221"}
.glyphicon-hourglass:before{content:"\231b"}
.glyphicon-lamp:before{content:"\e223"}
.glyphicon-duplicate:before{content:"\e224"}
.glyphicon-piggy-bank:before{content:"\e225"}
.glyphicon-scissors:before{content:"\e226"}
.glyphicon-bitcoin:before{content:"\e227"}
.glyphicon-yen:before{content:"\00a5"}
.glyphicon-ruble:before{content:"\20bd"}
.glyphicon-scale:before{content:"\e230"}
.glyphicon-ice-lolly:before{content:"\e231"}
.glyphicon-ice-lolly-tasted:before{content:"\e232"}
.glyphicon-education:before{content:"\e233"}
.glyphicon-option-horizontal:before{content:"\e234"}
.glyphicon-option-vertical:before{content:"\e235"}
.glyphicon-menu-hamburger:before{content:"\e236"}
.glyphicon-modal-window:before{content:"\e237"}
.glyphicon-oil:before{content:"\e238"}
.glyphicon-grain:before{content:"\e239"}
.glyphicon-sunglasses:before{content:"\e240"}
.glyphicon-text-size:before{content:"\e241"}
.glyphicon-text-color:before{content:"\e242"}
.glyphicon-text-background:before{content:"\e243"}
.glyphicon-object-align-top:before{content:"\e244"}
.glyphicon-object-align-bottom:before{content:"\e245"}
.glyphicon-object-align-horizontal:before{content:"\e246"}
.glyphicon-object-align-left:before{content:"\e247"}
.glyphicon-object-align-vertical:before{content:"\e248"}
.glyphicon-object-align-right:before{content:"\e249"}
.glyphicon-triangle-right:before{content:"\e250"}
.glyphicon-triangle-left:before{content:"\e251"}
.glyphicon-triangle-bottom:before{content:"\e252"}
.glyphicon-triangle-top:before{content:"\e253"}
.glyphicon-console:before{content:"\e254"}
.glyphicon-superscript:before{content:"\e255"}
.glyphicon-subscript:before{content:"\e256"}
.glyphicon-menu-left:before{content:"\e257"}
.glyphicon-menu-right:before{content:"\e258"}
.glyphicon-menu-down:before{content:"\e259"}
.glyphicon-menu-up:before{content:"\e260"}

/*START Link
-------------------------------------------------*/
.icon-arrow-bottom:before,.icon-arrow-circle-right:before,.icon-arrow-left:before,.icon-arrow-link-right:before,.icon-arrow-pointer-left:before,.icon-arrow-right:before,.icon-arrow-top:before,.icon-camera_icon:before,.icon-download:before,.icon-downloader-embed-code:before,.icon-link-external:before,.icon-nav-close-menu:before,.icon-nav-contact:before,.icon-nav-contrast:before,.icon-nav-glass-search:before,.icon-nav-glass-zoom-in:before,.icon-nav-lang:before,.icon-nav-login:before,.icon-nav-menu-mobile:before,.icon-play-btn-black:before,.icon-play-btn:before,.icon-plus-sign:before,.icon-print-btn:before,.icon-questionmark-circle-close:before,.icon-quote-circle-open:before,.icon-search-advanced:before,.icon-share-global:before,.icon-social-askfm:before,.icon-social-facebook:before,.icon-social-googleplus:before,.icon-social-gree:before,.icon-social-instagram:before,.icon-social-linkedin:before,.icon-social-mail:before,.icon-social-mixi:before,.icon-social-qzone:before,.icon-social-reddit:before,.icon-social-renren:before,.icon-social-tencentwrbo:before,.icon-social-twitter:before,.icon-social-weibo:before,.icon-social-youtube:before,.icon-toggle-circle-close:before,.icon-toggle-circle-open:before,.icon-video_icon:before,[data-icon]:before {
	display: inline-block;
	font-family: hpe-glyphicons;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.icon-arrow-bottom:before{content:"\f11d"}
.icon-arrow-circle-right:before{content:"\f130"}
.icon-arrow-left:before{content:"\f126"}
.icon-arrow-link-right:before{content:"\f152"}
.icon-arrow-pointer-left:before{content:"\f12f"}
.icon-arrow-right:before{content:"\f11c"}
.icon-arrow-top:before{content:"\f127"}
.icon-camera_icon:before{content:"\f153"}
.icon-download:before{content:"\f13d"}
.icon-downloader-embed-code:before{content:"\f158"}
.icon-link-external:before{content:"\f12e"}
.icon-nav-close-menu:before{content:"\f128"}
.icon-nav-contact:before{content:"\f129"}
.icon-nav-contrast:before{content:"\f12a"}
.icon-nav-glass-search:before{content:"\f13c"}
.icon-nav-glass-zoom-in:before{content:"\f14e"}
.icon-nav-lang:before{content:"\f12c"}
.icon-nav-login:before{content:"\f12d"}
.icon-nav-menu-mobile:before{content:"\f138"}
.icon-play-btn:before{content:"\f11b"}
.icon-play-btn-black:before{content:"\f122"}
.icon-plus-sign:before{content:"\f151"}
.icon-print-btn:before{content:"\f15a"}
.icon-questionmark-circle-close:before{content:"\f13f"}
.icon-quote-circle-open:before{content:"\f137"}
.icon-search-advanced:before{content:"\f13e"}
.icon-share-global:before{content:"\f140"}
.icon-social-askfm:before{content:"\f141"}
.icon-social-facebook:before{content:"\f142"}
.icon-social-googleplus:before{content:"\f150"}
.icon-social-gree:before{content:"\f143"}
.icon-social-instagram:before{content:"\f144"}
.icon-social-linkedin:before{content:"\f145"}
.icon-social-mail:before{content:"\f146"}
.icon-social-mixi:before{content:"\f147"}
.icon-social-qzone:before{content:"\f148"}
.icon-social-reddit:before{content:"\f149"}
.icon-social-renren:before{content:"\f14a"}
.icon-social-tencentwrbo:before{content:"\f14b"}
.icon-social-twitter:before{content:"\f14c"}
.icon-social-weibo:before{content:"\f14f"}
.icon-social-youtube:before{content:"\f14d"}
/*.icon-toggle-circle-close:before{content:"\f139"}
.icon-toggle-circle-open:before{content:"\f13a"}*/
.icon-video_icon:before{content:"\f155"}
.cta-link {	position:relative;}
.cta-link {
	color:#707070;
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
	padding:0 0 0 1.6em;
}
a.cta-link {
	color:#707070;
}
.cta-link.active, .cta-link.focus, .cta-link:active, .cta-link:focus, .cta-link:hover {
	color:#707070;
	text-decoration:none;
}
.cta-link .icon, .cta-link .icon-arrow-circle-right, .cta-link .icon-arrow-top {
	margin-right:2px;
	padding-left:1px;
	top:1px;
	position:absolute;
	left:0;
	width:100%;
	text-align:left;
}
.cta-link .icon-arrow-circle-right:before, .cta-link .icon:before {
	color:#00B388;
}
.cta-link.active .icon-arrow-circle-right:before, .cta-link.active .icon:before, .cta-link.focus .icon-arrow-circle-right:before, .cta-link.focus .icon:before, .cta-link:active .icon-arrow-circle-right:before, .cta-link:active .icon:before, .cta-link:focus .icon-arrow-circle-right:before, .cta-link:focus .icon:before, .cta-link:hover .icon-arrow-circle-right:before, .cta-link:hover .icon:before {
	color:#707070;
	color:rgba(112,112,112,.6);
}


.secondary-link, .tertiary-link {
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
}
.tertiary-link, .utility-link {
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.tertiary-link, .utility-link {
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.tertiary-link {
    color: inherit;
    border-bottom: 2px solid #00B388;
    transition: all ease .2s;
	color:#000 !important;
}
.tertiary-link.active, .tertiary-link.focus, .tertiary-link:active, .tertiary-link:focus, .tertiary-link:hover {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #000;
}
.tertiary-link.alpha {
    color: #FFF;
    border-bottom: 2px solid #707070;
    border-bottom: 2px solid rgba(255,255,255,.6);
}
.tertiary-link.alpha.active, .tertiary-link.alpha.focus, .tertiary-link.alpha:active, .tertiary-link.alpha:focus, .tertiary-link.alpha:hover {
    color: #FFF;
    border-bottom: 2px solid #FFF;
}

.utility-link {
    color: #000;
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}
.utility-link.active, .utility-link.focus, .utility-link:active, .utility-link:focus, .utility-link:hover {
    color: #707070;
    text-decoration: none;
}
.utility-link.alpha {
    color: #FFF;
}
.utility-link.alpha.active, .utility-link.alpha.focus, .utility-link.alpha:active, .utility-link.alpha:focus, .utility-link.alpha:hover {
    color: #707070;
    color: rgba(255,255,255,.6);
}
/*==========================================*/
a.linkWithArrow,
span.linkWithArrow {
	font-weight: bold;
	position: relative;
	cursor: pointer;
	color: #01a982;
	fill: #01a982;
	color: var(--cta-lm-color);
	fill: var(--cta-lm-color);
	transition: color 0.2s ease-in-out;
	padding-right: 5px;
	line-height: 1.2;
	text-decoration: none;
	white-space: normal;
}
.dark-theme a.linkWithArrow,
.dark-theme span.linkWithArrow{
	color: var(--cta-lm-color);
	fill: var(--cta-lm-color);
	transition: color 0.2s ease-in-out;
}
a.linkWithArrow:visited,
span.linkWithArrow:visited{
  overflow-wrap: break-word;
  word-break: break-word;
  color: var(--cta-lm-color);
  --cta-lm-arrow-icon-color: var(--cta-lm-color);
  transition: color 0.2s ease-in-out;
}
a.linkWithArrow:hover,
span.linkWithArrow:hover,
span.linkWithArrow:focus,
.card:hover:has(.linkWithArrow) .linkWithArrow,
*:is(.linkpanel):has(.panelhover-wrapper:hover) :is(.linkWithArrow .arrow, a.linkWithArrow, span.linkWithArrow){
  overflow-wrap: break-word;
  word-break: break-word;
  color: var(--cta-lm-color-hover);
  --cta-lm-arrow-icon-color: var(--cta-lm-color-hover);
  transition: color 0.2s ease-in-out;
}
.dark-theme a.linkWithArrow:hover,
.dark-theme span.linkWithArrow:hover{
  color: var(--cta-lm-color-hover);
  --cta-lm-arrow-icon-color: var(--cta-lm-color-hover);
}
a.linkWithArrow .arrow,
.hasLinkWithArrow .arrow,
span.linkWithArrow .arrow{
  background: var(--cta-lm-arrow-icon-color,#068667);
  transition: background 0.2s ease-in-out;
  aspect-ratio: 1;
  --cta-lm-icon-size: 18px;
  width: var(--cta-lm-icon-size);
  height: var(--cta-lm-icon-size);
  vertical-align: middle;
  margin-inline-start: 5px;
  margin-bottom: .1em;
  mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E);
  mask-size: 100% 100%;
  display: inline-block;
}
.dark-theme a.linkWithArrow .arrow,
.dark-theme span.linkWithArrow .arrow,
.dark-theme .hasLinkWithArrow .arrow{
  background: var(--cta-lm-arrow-icon-color,#00e0af);
  transition: background 0.2s ease-in-out;
}
/*右矢印*/
a.linkWithArrow:has(.arrowright), span.linkWithArrow:has(.arrowright){padding-right: 0.4em;}
.arrowright{    position: relative;}
.arrowright::after{
  content: "";
  display: inline-block;
  padding: 0;
  padding-left: 0.1em;
  -webkit-transform: translate( 0, 0);
  width: 0.9em;
  box-sizing: border-box;
  margin-left: 1px;
  background: var(--cta-lm-arrow-icon-color,#068667);
  aspect-ratio: 1;
  vertical-align: middle;
  margin-inline-start: 12px;
  margin-bottom: .1em;
  transition: background 0.2s ease-in-out;
  mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E);
  mask-size: 100% 100%;
  --cta-lm-icon-size: 18px;
  width: var(--cta-lm-icon-size);
  height: var(--cta-lm-icon-size);
}
.dark-theme .arrowright::after{ background: var(--cta-lm-arrow-icon-color,#00e0af);}
a.linkWithArrow.arrowright{    padding-right: 0;}
.arrowright:hover::after, .dark-theme .arrowright:hover::after, .card:hover:has(.arrowright) .arrowright::after{
  background: var(--cta-lm-color-hover);
  --cta-lm-arrow-icon-color: var(--cta-lm-color-hover);
}

@media (width >= 768px) and (width <= 999px){
  a.linkWithArrow .arrow, .hasLinkWithArrow .arrow, .arrowright::after{
    --cta-lm-icon-size: 16px;
  }
}
@media (width >= 1px) and (width <= 767px){
  a.linkWithArrow .arrow, .hasLinkWithArrow .arrow, .arrowright::after{
    --cta-lm-icon-size: 14px;
  }
}
/*=== /linkWithArrow cta end ===========================*/
/*linkpanel */
:root .linkpanel,
.light-theme .linkpanel{
background: #F7F7F7;
--uc-card-bg-color: #f7f7f7;
}
.dark-theme .linkpanel{
background: #292D3A;
--uc-card-bg-color: #292D3A;
}
.linkpanel {
  z-index:1;
  position: relative;
  color: var(--cta-txt-color);
}
.panelhover-wrapper {
  z-index:1;
  position:absolute;
  inset: 0;
}
*:is(.linkpanel) .panelhover-bg {
  opacity:0;
  z-index:-1;
  background:linear-gradient(160deg,#00e0af00 70%,#00e0af66 100%);
  transition:opacity .5s linear;
  position:absolute;
  inset:0;
}
*:is(.linkpanel):has(.panelhover-wrapper:hover) .panelhover-bg {  opacity:1}
body:not(.disabled-focus) .linkpanel:has(.panelhover-wrapper:focus) {
  outline:2px solid #2ad2c9
}
/*
親タグ（グラデかけたいパネル１つ単位）にクラス名「linkpanel」設置
空テキストで設置→：<span class="panelhover-wrapper"></span><span class="panelhover-bg"></span>
*/
/*=== /linkpanel end ===========================*/
/*START Button
-------------------------------------------------*/
.btn, .popover {
	white-space: normal;
}
.initialism {	text-transform: uppercase;}
.btn {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:relative;
	width: auto;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.btn {
  --btn-lm-border-width: 0px;
  --cta-lm-arrow-icon-color: var(--btn-lm-text-color);
  padding: calc(14px - var(--btn-lm-border-width))calc(24px - var(--btn-lm-border-width));
  border-width: var(--btn-lm-border-width);
  background: var(--btn-lm-bg-color);
  border-color: var(--btn-lm-border-color);
  --f-base-size: 20px;
  border-style: solid;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-family: HPEGraphik,Arial,sans-serif;
  --f-base-size: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  transition: border-color .15s ease-in-out,background-color .15s ease-in-out;
  display: inline-flex;
}
.btn-contact, .btn-icon, .btn-more, .btn-primary, .btn-secondary, .btn-tertiary {
	min-height: 40px;
	min-width: 100px;
	max-width: 400px;
}
.minw200{
	min-width: 200px;
}
/*.btn.btn-primary, .btn.btn-secondary{  padding-right: calc(30px + 0.5em);}*/
.specTable2 tr:has(> :nth-child(6):last-child) td .btn-secondary,
.specTable2 tr:has(> :nth-child(6):last-child) td .btn-primary{/*製品ページのテーブル内のボタン設定*/
	padding: calc(10px - var(--btn-lm-border-width))calc(15px - var(--btn-lm-border-width));
	/*padding-right: calc(15px + 0.8em);*/
	gap: 8px;
  font-size: 13px;
}
a.btn-primary{	color: #FFFFFF;}
.btn-primary {
	background-color: #292D3A;
	transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
	position: relative;
	border-radius: 100px;
	color: var(--btn-lm-text-color);
}
.btn-primary:hover, .clickable-area:hover .clickable-area-wrapper, .heroBnr:hover .btn-primary, .library .btn-primary:hover, .btn-contents:hover .btn-primary{
	background-color:#535C66;
	border-color: #535C66;
	color: #FFFFFF;
}
a.btn-primary.grey{	color: #292D3A;}
.btn-primary.grey, .library .btn-primary.grey{
background-color:#FFFFFF;
color: #292D3A;
--btn-lm-text-color: #292d3a;
--cta-lm-arrow-icon-color: var(--btn-lm-text-color);
}
.btn-primary.grey:hover, .btn-contents:hover .btn-primary.grey{
  background-color:#D4D8DB;
  color: #292D3A;
}
/*btn-primary arrow start*/
.btn-primary::after {
    content: '';
    /* top: 0; */
    /* right: 0; */
    width: 0.8em;
    height: 0.8em;
    background: var(--cta-lm-arrow-icon-color, #01a982);
    -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E);
    mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-position: 0 0;
    background-size: 0.8em 0.8em;
    /* position: absolute; */
    /* top: 50%; */
    /* right: 0.5em; */
    /* transform: translate(-50%, -50%); */
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    min-width: 16px;
}
.btn-primary.grey::after{	background: var(--cta-lm-arrow-icon-color,#01a982);}
/*===　banner button size mini　======*/
.bnr_area .btn{
	padding: 8px 16px;
	font-size: 14px;
  padding: calc(8px - var(--btn-lm-border-width))calc(16px - var(--btn-lm-border-width));
}
.bnr_area :is(.btn-primary, .btn-secondary){
  min-height: 30px;
}
/*btn-primary arrow end
=====================================*/
a.btn-secondary{
	color: #444444;
}
.btn-secondary{
	transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
	position: relative;
	border-radius: 100px;
	--btn-lm-border-width: 4px;
	--btn-lm-bg-color: transparent;
	--btn-lm-border-color: #01a982;
	--btn-lm-bg-color-hover: transparent;
	--btn-lm-border-color-hover: #068667;
	--btn-lm-bg-color-disabled: transparent;
	--btn-lm-border-color-disabled: #d4d8d8;
	--btn-lm-text-color: var(--btn-lm-secondary-text-color,#292d3a);
	--btn-lm-text-color-disabled: var(--btn-lm-secondary-text-color-disabled,#a0a2a8);
	--cta-lm-arrow-icon-color: var(--btn-lm-text-color,#292d3a);
}
.btn-secondary .open>.dropdown-toggle.btn-default, .btn-secondary.active, .btn-secondary.focus, .btn-secondary.hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .bnrBtn:hover .btn-secondary {
background-color: var(--btn-lm-bg-color-hover);
  border-color: var(--btn-lm-border-color-hover);
}
.btn-secondary.alpha {
	background: #000;
	background: rgba(0,0,0,0.5);
	border-color: #00B388;
	color: #FFF;
}
.btn-secondary.alpha:hover{
	background: rgba(0,0,0,0.5);
	outline: #00B388 solid 4px;
	outline-offset: -2px;
}
/*btn-secondary arrow start*/
.btn-secondary::after{
  content: '';
  /* top:0; */
  /* right:0; */
  width:0.8em;
  height:0.8em;
  background: var(--cta-lm-arrow-icon-color,#01a982);
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E);
  mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-position: 0 0;
  background-size: 0.8em 0.8em;
  /* position: absolute; */
  /* top: 50%; */
  /* right: 0.5em; */
  /* transform: translate(-50%, -50%); */
  /* -webkit-transform: translate(-50%, -50%);*/
  /*-ms-transform: translate(-50%, -50%);*/
  transition: filter .5s ease-in-out;
  min-width: 16px;
}

/*btn-secondary arrow end*/
.btn-tertiary {
	line-height:1.2;
	border-radius: 100vh;
  color: #000000;
  background: none;
  border: solid 2px rgba(0, 0, 0, 0.2);
}
.btn-tertiary .open > .dropdown-toggle.btn-default, .btn-tertiary.active, .btn-tertiary:active, .btn-tertiary:hover {
	background: 0 0;
	border-color: transparent;
	outline: #C6C9CA solid 4px;
	outline: rgba(0,0,0,.2) solid 4px;
	outline-offset: -2px;
	color: #000;
	box-shadow: none;
}
.btn-tertiary.alpha .open > .dropdown-toggle.btn-default, .btn-tertiary.alpha.active, .btn-tertiary.alpha:active, .btn-tertiary.alpha:hover {
/*	border-color: transparent;
	outline: #FFF solid 4px;
	outline: rgba(255,255,255,.6) solid 4px;
	outline-offset: -2px;
	color: #FFF;*/
}
.btn-tertiary.alpha {
	background: none;
  border-color: rgba(255, 255, 255, 0.6);
  color: #FFFFFF;
}
.btn-tertiary.alpha:hover,
.btn-tertiary.alpha.hover,
.btn-tertiary.alpha:focus,
.btn-tertiary.alpha.focus,
.btn-tertiary.alpha:active,
.btn-tertiary.alpha.active,
.btn-tertiary.alpha .open > .dropdown-toggle.btn-default {
  outline: 2px solid rgba(255, 255, 255, 0.6);
}
.btn-contact {
	color: #000;
	background: 0 0;
	border: 2px solid #FF8D6D;
}
.btn-contact .open>.dropdown-toggle.btn-default, .btn-contact.active, .btn-contact.focus, .btn-contact:active, .btn-contact:focus, .btn-contact:hover {
	background: #FF8D6D;
	border-color: #FF8D6D;
	box-shadow: none;
	color: #000;
	outline: #FF8D6D solid 4px;
	outline-offset: -2px;
}
/*===link text style===*/
.btn-contents .link-color:hover{
	color: #00B388;
}
/*===link img style===*/
.imglink:hover img.hoverline {
  outline: #00B388 4px solid;
  outline-offset: -2px;
}
/*library配下 崩れ防止用*/
.library .btn-primary {
  --btn-lm-border-width: 0px;
  --cta-lm-arrow-icon-color: var(--btn-lm-text-color);
  padding: calc(14px - var(--btn-lm-border-width))calc(24px - var(--btn-lm-border-width));
  border-width: var(--btn-lm-border-width);
  background: var(--btn-lm-bg-color);
  border-color: var(--btn-lm-border-color);
  --f-base-size: 20px;
  border-style: solid;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-family: HPEGraphik,Arial,sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  transition: border-color .15s ease-in-out,background-color .15s ease-in-out;
  display: inline-flex;
    box-sizing: border-box;
    /*padding-right: calc(30px + 0.5em);*/
}
@media (max-width: 999px){
	.btn{
		--f-base-size: 14px;
		font-size: 14px;
	}
	.btn-secondary::after, .btn-primary::after{		min-width: 14px;}
}

/*START Header with icon
-------------------------------------------------*/
.headerWithIcon {
	padding-left:40px;
	position:relative;
}
.headerWithIcon:before {
	content:"";
	display:block;
	position:absolute;
	top:1px;
	left:0;
	width:30px;
	height:30px;
	background-image:url(/directplus_ent/images/icon/icon_all.svg);
	background-size:30px;
	background-repeat:no-repeat;
}
.headerWithIcon.icon-support:before {
	background-position:0 0;
}
.headerWithIcon.icon-servers:before {
	background-position:0 -35px;
}
.headerWithIcon.icon-login:before {
	background-position:0 -70px;
}
.headerWithIcon.icon-calculator:before {
	background-position:0 -105px;
}
.headerWithIcon.icon-cart:before {
	background-position:0 -245px;
}
.headerWithIcon.icon-delivery:before {
	background-position:0 -175px;
}
.headerWithIcon.icon-contactinfo:before {
	background-position:0 -210px;
}
.headerWithIcon.icon-search:before {
	background-position:0 -280px;
}
.headerWithIcon.icon-customize:before {
	background-position:0 -315px;
}
.headerWithIcon.icon-person:before {
	background-position:0 -350px;
}
.headerWithIcon.icon-cost:before {
	background-position:0 -385px;
}
.headerWithIcon.icon-rack:before {
	background-position:0 -420px;
}
.headerWithIcon.icon-question:before {
	background-position:0 -455px;
}

/*START DP Header
-------------------------------------------------*/
.subHeader {
	border-bottom:4px solid #D6D4D4;
	padding:20px 0;
	background: #F7F7F7;
}
.subHeader .titleArea {
	width:1200px;
	margin:0 auto;
	display:table;
}
.subHeader .titleArea .h1Title span {
	font-size:12px;
	display:inline-block;
	margin-bottom:5px;
}
.subHeader .titleArea .h1Title h1, .subHeader .titleArea .h1Title p{
	font-size:25px;
	font-weight:bold;
}
.subHeader .titleArea:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
/*.subHeader .h1Title {
	display:table-cell;
	vertical-align:middle;
	width:510px;
}*/
.subHeader .h1Title {
	display:table-cell;
	vertical-align:middle;
	width:440px;
}
.subHeader .contact {
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	padding-left:10px;
}
@media only screen and (max-width:999px){
	.subHeader {
		border-bottom:none;
		padding:20px 0 0;
		background: #FFF;
	}
	.subHeader .titleArea {
		width:100%;
		display:block;
		padding:0 15px;
		box-sizing:border-box;
	}
	.subHeader .titleArea .h1Title h1, .subHeader .titleArea .h1Title p {
		font-size:20px;
	}
	.subHeader .h1Title {
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	.subHeader .contact {
		display:flex;
		padding-left:0;
		float:none;
		width:auto;
		margin-right:20px;
	}
	.subHeader .contact .mail {
		margin: 0 auto;
	}
	.subHeader .tel:before {
		top:0;
	}
	.subHeader .tel .number {
		font-size:20px;
	}
	.subHeader .tel,
	.subHeader .mail {
		float:left;
		font-size:14px;
	}
	.subHeader .tel {
		margin-right:10px;
	}
}
@media only screen and (max-width:600px){
	.subHeader .contact {
		display:block;
		float:none;
		margin-bottom:10px;
	}
}
.subHeader .tel,
.subHeader .mail {
	position:relative;
	padding-left:40px;
	line-height:1.2;
}
.subHeader .tel{text-align-last: justify;}
.subHeader .mail {
	padding-top:8px;
	padding-bottom:3px;
}
.subHeader .tel:before,
.subHeader .mail:before {
	content:"";
	display:block;
	width:30px;
	position:absolute;
	left:0;
	background-image: url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat: no-repeat;
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
	-ie-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}
.subHeader .tel:before {
	height:30px;
	background-position:0 0;
	top:4px;
}
.subHeader .mail:before {
	height:22px;
	background-position:0 -37px;
	top:3px;
}
.subHeader .tel .number {
	display:inline-block;
	margin-left:5px;
	margin-right:10px;
	font-size:20px;
	font-weight:bold;
}
.subHeader .tel .number2 {
	display:inline-block;
	margin-left:5px;
	font-size:17px;
	font-weight:bold;
}
.subHeader .mail a:link, .subHeader .mail a:visited {
	color: #707070;
}
.subHeader .mail a:hover {
	color: #000;
}
.subHeader .subHeadMenu {
	display:table-cell;
	vertical-align:middle;
	width:315px;
	padding-left:20px;
}
.subHeader .subHeadMenu ul {
	float:right;
	line-height:1.2;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align-last: justify;
}
.subHeader .subHeadMenu ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
/*.subHeader .subHeadMenu ul li {
	font-size:12px;
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #D4D8DB;
}*/
@media all and (-ms-high-contrast: none) {
.subHeader .subHeadMenu ul li{float: left;}
}
.subHeader .subHeadMenu ul li {
	font-size:12px;
	text-align:right;
	text-align-last: justify;
	flex: 0 1 auto;
    flex-grow: 1;
    max-width: 150px;
}
.subHeadMenu ul > li {
    border-left: 1px solid #D4D8DB;
    padding: 0px 10px;
}
.subHeader .subHeadMenu ul li:first-child {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.subHeader .subHeadMenu ul li:last-child{	padding-right: 0;}
.subHeader .subHeadMenu ul li:first-child,
.subHeader .subHeadMenu ul li:nth-child(2) {
	margin-bottom:15px;
}
.subHeader .subHeadMenu ul li:nth-child(3) {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.subHeader .subHeadMenu ul li:first-child,
.subHeader .subHeadMenu ul li:nth-child(3) {
/*	width:90px;*/
}
.subHeader .subHeadMenu ul li:nth-child(2),
.subHeader .subHeadMenu ul li:nth-child(4) {
/*	width:75px;*/
}
@media only screen and (max-width:999px){
	.subHeader .subHeadMenu {
		float:left;
		display:block;
		width:auto;
		padding-left:0;
	}
	.subHeader .subHeadMenu ul {
		padding-top:8px;
	}
	.subHeader .subHeadMenu ul li {
		/*border-left:none;
		margin-left:0;
		padding-left:0;*/
		font-size:13px;
		text-align-last: center;
	}
	.subHeader .subHeadMenu ul li:last-child,
	.subHeader .subHeadMenu ul li:nth-last-child(2),
	.subHeader .subHeadMenu ul li:nth-last-child(3) {
		/*border-left:1px solid #D4D8DB;
		margin-left:10px;
		padding-left:10px;*/
	}
	.subHeader .subHeadMenu ul li:nth-child(3),
	.subHeader .subHeadMenu ul li:nth-child(4),
	.subHeader .subHeadMenu ul li:nth-child(5) {
		width:auto;
		text-align:center;
	}
	.spSubHeader__tab .icon_tuning, .subHeadMenu .icon_tuning{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	}
}
@media (max-width:600px){
	.subHeader .subHeadMenu {float:none;}
	.subHeader .subHeadMenu ul {
		float:none;
		padding-top:0;
	}
}

.subHeader .subHeadMenu ul li a {
	color:#707070;
}
.subHeader .subHeadMenu ul li a:hover {
	color:#000;
}
.subHeadMenu .icon-video_icon,
.spSubHeader .icon-video_icon {
	position: absolute;
	top: 50%;
	right: 0;
	line-height: 20px;
	margin-top: -10px;
}
.subNavi {
	width:1200px;
	margin:0 auto;
	padding:15px 0;
}
.subNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.subNavi ul.prductsNavi {
	padding:0 10px;
	float:left;
}
.subNavi ul.prductsNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.subNavi ul.prductsNavi li {
	float:left;
	margin-left:15px;
	text-align:center;
	line-height: 1.2;
}
.subNavi ul.prductsNavi li:first-child {
	margin-left:0;
}
.subNavi ul.prductsNavi li img {
	margin:0 auto 10px;
}
.subNavi ul.prductsNavi li span {
	display:block;
}
.subNavi ul.prductsNavi li a {
	display:block;
	font-size:12px;
	color:#707070;
	padding:0 4px 2px;
/*	height:92px;*/
	box-sizing:border-box;
	border-bottom: 4px solid Transparent;
}
.subNavi ul.prductsNavi li a:hover {
	color:#000;
	border-bottom: 4px solid #707070;
}
.subNavi ul.customerNavi {
	float:right;
	position:relative;
}
.subNavi ul.customerNavi a {	display:block;}
.subNavi ul.customerNavi span {	display:none;}
.subNavi ul.customerNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.subNavi ul.customerNavi > li {	float:left;}
.subNavi ul.customerNavi > li:first-child {	margin-left:0;}

.subNavi ul.customerNavi .customerNaviPopup {
	width:210px;
	position:absolute;
	z-index: 100;
	top:57px;
	right:-3px;
	background-color:#FFF;
	border:2px solid #D4D8DB;
	border-bottom: 3px #80746e solid;
	display:none;
}
.subNavi ul.customerNavi .customerNaviPopup.selected {
	display:block;
}
.subNavi ul.customerNavi .customerNaviPopup:before {
	content:"";
	display:block;
	width:17px;
	height:12px;
	background: url('/directplus_ent/system/images/s-hf-v3.gif') no-repeat -188px -130px;
	position:absolute;
	top:-12px;
	right:32px;
}
.subNavi ul.customerNavi .customerNaviPopup ul {
	margin:10px 0;
}
.subNavi ul.customerNavi .customerNaviPopup ul li {
	padding:4px 0;
	margin-top:10px;
}
.subNavi ul.customerNavi .customerNaviPopup ul li:first-child {
	margin-top:0;
}
.subNavi ul.customerNavi .customerNaviPopup ul li a {
	display:block;
	padding:0 20px;
	color:#707070;
	line-height:1.3;
}
.subNavi ul.customerNavi .customerNaviPopup ul li a:hover {
	color:#000;
}

.subNavi ul.customerNavi a {
	display: flex;
	flex-flow: column;
	align-items: center;
	min-width: 80px;
}
.subNavi ul.customerNavi .icon {
	border: 3px solid #7f7f7f;
	padding: 6px;
}
.subNavi ul.customerNavi .icon > img {
	width: 30px;
	height: 30px;
}
.subNavi ul.customerNavi .label {
	font-size: 11px;
	text-align: center;
	line-height: 1.2;
	margin-top: 5px;
}

@media (max-width:999px){
	.subNavi {
		width:100%;
		padding:15px;
		box-sizing:border-box;
	}
	.subNavi ul.prductsNavi {
		float:none;
		padding:0;
	}
	.subNavi ul.prductsNavi li a {
		height:inherit;
		border-bottom: none;
	}
	.subNavi ul.prductsNavi li a:hover {	border-bottom:none;	}
	.subNavi ul.prductsNavi li{	margin-left: 5px;}
	.subNavi ul.customerNavi {
		float:none;
		margin-top:10px;
	}
	.subNavi ul.customerNavi > li a {	display:none;}
	.subNavi ul.customerNavi > li {	margin-left:0;}
	.subNavi ul.customerNavi .customerNaviPopup {
		width:100%;
		position:static;
		border:none;
		display:block !important;
	}
	.subNavi ul.customerNavi .customerNaviPopup:before {	display:none;}
	.subNavi ul.customerNavi .customerNaviPopup ul {
		margin:0;
		border-right: 1px solid #D4D8DB;
	}
	.subNavi ul.customerNavi .customerNaviPopup ul li {
		margin-top:0;
		border-left: 1px solid #D4D8DB;
		display:table-cell !important;
		text-align:center;
		width:auto;
		vertical-align:middle;
		font-size:12px;
		padding:0;
	}
	.subNavi ul.customerNavi .customerNaviPopup ul li a {
		padding:0 5px;
		color:#707070;
	}
	.subNavi ul.customerNavi .customerNaviPopup ul li a:hover {	color:#000;}
}
@media (max-width:767px){
	.subHeader .subHeadMenu {	width:100%;}
	.subHeader .subHeadMenu ul {	float:none;}
	.spSubHeader .icon-video_icon {	margin-top: -1px;}
	.subNavi ul.prductsNavi {
		width:100%;
		box-sizing:border-box;
		padding:0;
	}
	.subNavi ul.prductsNavi li {
		/* Modified in Mar,2018 */
		/*width:20%;*/
		width:33.333333%;
		/*----------------------*/
		margin-left:0;
		line-height:1.2;
		font-size:12px;
	}
	.subNavi ul.prductsNavi li:nth-child(-n+3) {
		margin-bottom:10px;
	}
	.subNavi ul.prductsNavi li:first-child, .subNavi ul.prductsNavi li:nth-child(2) {
		margin-top:0;
	}
	.subNavi ul.prductsNavi li a {
		margin:0 auto;
		padding:0;
	}
	.subNavi ul.prductsNavi li a img {
		/* Modified in Mar,2018 */
		/*width:100%;*/
		width:60%;
		/*----------------------*/
		height:auto;
		margin:0 auto 2px;
	}
}


/*START DP SP Header
-------------------------------------------------*/

/* PC Sub Header&subNaviと、spSubHeaderの表示切替 */
.spSubHeader {
	display: none;
}
@media only screen and (max-width: 767px) {
	/* 768px(tablet)はPCメニューを表示、それ未満はSPメニューを表示 */
	.subHeader .titleArea .h1Title span,
	.subHeader .contact,
	.subHeader .subHeadMenu,
	.subNavi{	display: none;}
	.spSubHeader {		display: block;	}
	.subHeader {padding-top: 10px;}
	.subHeader .titleArea{padding: 0 17px;}
}

.spSubHeader,
.spSubHeader * {
	box-sizing: border-box;
}

/* 表題 */
.spSubHeader__title {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 17px;
}
.spSubHeader__tabTriggers {
	display: flex;
	width: 100%;
}
.spSubHeader__tabTrigger {
	cursor: pointer;
	flex: 1;
	line-height: 1;
	padding: 13.5px 8px;
	font-size: 11px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #D4D8DB;
	border-bottom: 1px solid #D4D8DB;
}
.spSubHeader__tabTrigger.active {
	cursor: unset;
	border-bottom-color: transparent;
}
.spSubHeader__tabTrigger:after {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
	margin: -7px 0 0 5px;
}
.spSubHeader__tabTrigger:nth-of-type(n + 2) {
	border-left: 1px solid #D4D8DB;
}

/* タブエリア */
.spSubHeader__tabs {
	margin-bottom: 10px;
}
.spSubHeader__tabs a {
	font-size: 12px;
	color: #707070;
}
.spSubHeader__tabs a:hover {
	color: #000;
}
.spSubHeader__tab {
	display: none;
}
.spSubHeader__tab.show {
	border-bottom: 1px solid #D4D8DB;
}
.spSubHeader__tab > *:not(:last-child) {
	margin: 10px 0;
}
.spSubHeader__tab__close {
	cursor: pointer;
	background: #eaeaea;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 11px;
	padding: 10.5px;
}
.spSubHeader__tab__close:after {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(-45deg);
	margin: 4px 0 0 10px;
}

/* 製品カテゴリ */
.spSubHeader__tab__prductsNavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 5px;
}
.spSubHeader__tab__prductsNavi > * {
	flex: 1;
	flex-basis: 33.333%;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.2;
}
.spSubHeader__tab__prductsNavi > *:nth-child(n + 4) {
	margin-bottom: 0;
}
.spSubHeader__tab__prductNavi img {
	margin: auto;
}
.spSubHeader__tab__prductNavi a {
	display: block;
	padding: 0 4px 2px;
}
@media only screen and (max-width: 767px) {
	.spSubHeader__tab__prductNavi img {
		height: 96px;
		margin-bottom: 5px;
	}
}
@media only screen and (max-width: 414px) {
	.spSubHeader__tab__prductNavi img {
		height: 60px;
	}
}

/* ユーザーメニュー */
.spSubHeader__tab__linksWrapper {
	display: flex;
}
.spSubHeader__tab__links {
	display: flex;
	text-align: center;
	align-items: center;
	line-height: 1.41;
}
.spSubHeader__tab__links + .spSubHeader__tab__links {
	border-top: 1px solid #D4D8DB;
	padding: 10px 0 0;
}
.spSubHeader__tab__link {
	padding: 10.5px 2px;
	flex: 1;
	white-space: nowrap;
}
.spSubHeader__tab__link:nth-child(n + 2) {
	border-left: 1px solid #D4D8DB;
}

/* お問い合わせ */
.spSubHeader__tab__contacts {
	padding: 0 10px;
}
.spSubHeader__tab__tel:before,
.spSubHeader__tab__mail:before {
	content: "";
	display: block;
	width: 30px;
	position: absolute;
	left: 0;
	background-image: url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat: no-repeat;
	background-size: 30px auto;
}
.spSubHeader__tab__tel,
.spSubHeader__tab__mail {
	position:relative;
	padding-left:40px;
}
.spSubHeader__tab__tel:before {
	height: 30px;
	background-position: 0 0;
	top: 4px;
}
.spSubHeader__tab__mail:before {
	height: 22px;
	background-position: 0 -37px;
	top: 3px;
}
.spSubHeader__tab .number {
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
}
.spSubHeader__tab__tel .number a {
	color: #000;
}

table.bgGryEven tr:nth-of-type(even) {
	background-color: #F7F7F7;
}

/*START Breadcrumb
-------------------------------------------------*/
.breadcrumb {
	padding:15px 0;
}
.breadcrumb ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.breadcrumb ul li {
	float:left;
	font-size:12px;
}
.breadcrumb ul li:before {
	content:"/";
	display:inline-block;
	margin:0 5px;
	color:#D4D8DB;
}
.breadcrumb ul li:first-child:before {
	display:none;
}
.breadcrumb ul li a {
	color:#707070;
}
.breadcrumb ul li a:hover {
	color:#000え;
}
.breadcrumb ul li:last-child {
	font-weight:bold;
}

/*START Panel banner
-------------------------------------------------*/
.pnlBnr, .pnlBnr2, .pnlBnr3, .pnlBnr4, .pnlBnr5, .pnlBnr6, .pnlBnr7 {
	padding-bottom:40px;
	padding-top:40px;
}
.pnlBnr:after, .pnlBnr2:after, .pnlBnr3:after, .pnlBnr4:after, .pnlBnr5:after, .pnlBnr6:after, .pnlBnr7:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.pnlBnr ul li, .pnlBnr2 ul li, .pnlBnr3 ul li, .pnlBnr4 ul li, .pnlBnr5 ul li, .pnlBnr6 ul li, .pnlBnr7 ul li {
	float:left;
}
.pnlBnr ul li > a, .pnlBnr2 ul li > a, .pnlBnr3 ul li > a, .pnlBnr4 ul li > a, .pnlBnr5 ul li > a, .pnlBnr6 ul li > a, .pnlBnr7 ul li > a {
	display:block;
}
.pnlBnr ul li.pnl1 {
	width:899px;
	height:auto;
	margin-right:4px;
	margin-bottom:4px;
}
.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3 {
	margin-bottom:4px;
}
.pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5 {
	margin-right:4px;
}
.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3, .pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5 {
	width:297px;
	height:auto;
}
.pnlBnr ul li.pnl6 {
	width:598px;
	height:auto;
}
.pnlBnr2 ul li.pnl1, .pnlBnr3 ul li.pnl1 {
	width:598px;
	height:auto;
	margin-right:4px;
	margin-bottom:4px;
}
.pnlBnr4 ul li.pnl1 {
	width:598px;
	height:auto;
	margin-right:4px;
}
.pnlBnr2 ul li.pnl2, .pnlBnr3 ul li.pnl2 {
	width:598px;
	height:auto;
	margin-bottom:4px;
}
.pnlBnr2 ul li.pnl3, .pnlBnr2 ul li.pnl4,
.pnlBnr3 ul li.pnl3, .pnlBnr3 ul li.pnl4, .pnlBnr3 ul li.pnl5,
.pnlBnr4 ul li.pnl2, .pnlBnr4 ul li.pnl4 {
	width:297px;
	height:auto;
	margin-right:4px;
}
.pnlBnr2 ul li.pnl5 {
	width:598px;
	height:auto;
}
.pnlBnr3 ul li.pnl6 {
	width:297px;
	height:auto;
}
.pnlBnr4 ul li.pnl2, .pnlBnr4 ul li.pnl3 {
	margin-bottom:4px;
}
.pnlBnr4 ul li.pnl3, .pnlBnr4 ul li.pnl5 {
	width:297px;
	height:auto;
}
.pnlBnr ul li img,
.pnlBnr2 ul li img,
.pnlBnr3 ul li img,
.pnlBnr4 ul li img,
.pnlBnr5 ul li img,
.pnlBnr6 ul li img,
.pnlBnr7 ul li img {
	width:100%;
}
/*====*/
@media only screen and (max-width:999px){	
	.pnlBnr ul, .pnlBnr2 ul, .pnlBnr3 ul, .pnlBnr4 ul {
		width:598px;
		margin:0 auto;
	}
	.pnlBnr ul li.pnl1, .pnlBnr2 ul li.pnl1, .pnlBnr3 ul li.pnl1 {
		margin-bottom:0;
	}
	.pnlBnr ul li.pnl1, .pnlBnr2 ul li.pnl1, .pnlBnr2 ul li.pnl2, .pnlBnr3 ul li.pnl1, .pnlBnr3 ul li.pnl2 {
		float:none;
	}
	.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3, .pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5, .pnlBnr ul li.pnl6,
	.pnlBnr2 ul li.pnl2, .pnlBnr2 ul li.pnl3, .pnlBnr2 ul li.pnl4, .pnlBnr2 ul li.pnl5,
	.pnlBnr3 ul li.pnl2, .pnlBnr3 ul li.pnl3, .pnlBnr3 ul li.pnl4, .pnlBnr3 ul li.pnl5, .pnlBnr3 ul li.pnl6,
	.pnlBnr4 ul li.pnl3, .pnlBnr4 ul li.pnl5 {
		margin:4px 0 0 0;
	}
	.pnlBnr4 ul li.pnl2, .pnlBnr4 ul li.pnl4 {
		margin:4px 4px 0 0;
	}
	.pnlBnr ul li.pnl1, .pnlBnr ul li.pnl6,
	.pnlBnr2 ul li.pnl1, .pnlBnr2 ul li.pnl2, .pnlBnr2 ul li.pnl5,
	.pnlBnr3 ul li.pnl1, .pnlBnr3 ul li.pnl2,
	.pnlBnr4 ul li.pnl1 {
		width:100%;
	}
	.pnlBnr4 ul li.pnl1 {
		margin-right:0;
	}
	.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3, .pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5, .pnlBnr2 ul li.pnl3, .pnlBnr2 ul li.pnl4, .pnlBnr3 ul li.pnl3, .pnlBnr3 ul li.pnl4, .pnlBnr3 ul li.pnl5, .pnlBnr3 ul li.pnl6 {
		width:50%;
	}
	.pnlBnr ul li.pnl2 a, .pnlBnr ul li.pnl4 a, .pnlBnr2 ul li.pnl3 a, .pnlBnr3 ul li.pnl3 a, .pnlBnr3 ul li.pnl5 a {
		margin-right:2px;
	}
	.pnlBnr ul li.pnl3 a, .pnlBnr ul li.pnl5 a, .pnlBnr2 ul li.pnl4 a, .pnlBnr3 ul li.pnl4 a, .pnlBnr3 ul li.pnl6 a {
		margin-left:2px;
	}
}
@media only screen and (max-width:628px){
	.pnlBnr ul, .pnlBnr2 ul, .pnlBnr3 ul, .pnlBnr4 ul {
		width:100%;
	}
	.pnlBnr ul li, .pnlBnr2 ul li, .pnlBnr3 ul li, .pnlBnr4 ul li {
		float:none;
	}
	.pnlBnr ul li.pnl2, .pnlBnr ul li.pnl3, .pnlBnr ul li.pnl4, .pnlBnr ul li.pnl5,
	.pnlBnr2 ul li.pnl3, .pnlBnr2 ul li.pnl4,
	.pnlBnr3 ul li.pnl3, .pnlBnr3 ul li.pnl4, .pnlBnr3 ul li.pnl5, .pnlBnr3 ul li.pnl6,
	.pnlBnr4 ul li.pnl2, .pnlBnr4 ul li.pnl3, .pnlBnr4 ul li.pnl4, .pnlBnr4 ul li.pnl5 {
		width:100%;
	}
	.pnlBnr ul li.pnl2 a, .pnlBnr ul li.pnl4 a,
	.pnlBnr2 ul li.pnl3 a,
	.pnlBnr3 ul li.pnl3 a, .pnlBnr3 ul li.pnl5 a,
	.pnlBnr4 ul li.pnl2 a, .pnlBnr4 ul li.pnl4 a {
		margin-right:0;
	}
	.pnlBnr ul li.pnl3 a, .pnlBnr ul li.pnl5 a, .pnlBnr2 ul li.pnl4 a, .pnlBnr3 ul li.pnl4 a, .pnlBnr3 ul li.pnl6 a {
		margin-left:0;
	}
}
.pnlBnr5 ul li.pnl1, .pnlBnr6 ul li.pnl1, .pnlBnr7 ul li.pnl1 {
	width:899px;
	height:auto;
	margin-right:4px;
	margin-bottom:4px;
}
.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3 {
	margin-bottom:4px;
}
.pnlBnr5 ul li.pnl4, .pnlBnr5 ul li.pnl5 {
	margin-right:4px;
}
.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3, .pnlBnr5 ul li.pnl5, .pnlBnr5 ul li.pnl6 {
	width:297px;
	height:auto;
}
.pnlBnr5 ul li.pnl4 {
	width:598px;
	height:auto;
}
@media only screen and (max-width:999px){
	.pnlBnr5 ul {
		width:598px;
		margin:0 auto;
	}
	.pnlBnr5 ul li.pnl1 {
		margin-bottom:0;
		margin-right:0;
	}
	.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3, .pnlBnr5 ul li.pnl4, .pnlBnr5 ul li.pnl5, .pnlBnr5 ul li.pnl6 {
		margin:4px 0 0 0;
	}
	.pnlBnr5 ul li.pnl1, .pnlBnr5 ul li.pnl4 {
		width:100%;
	}
	.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3, .pnlBnr5 ul li.pnl5, .pnlBnr5 ul li.pnl6 {
		width:50%;
	}
	.pnlBnr5 ul li.pnl2 a, .pnlBnr5 ul li.pnl5 a {
		margin-right:2px;
	}
	.pnlBnr5 ul li.pnl3 a, .pnlBnr5 ul li.pnl6 a {
		margin-left:2px;
	}
}
@media only screen and (max-width:628px){
	.pnlBnr5 ul {
		width:100%;
	}
	.pnlBnr5 ul li {
		float:none;
	}
	.pnlBnr5 ul li.pnl2, .pnlBnr5 ul li.pnl3, .pnlBnr5 ul li.pnl5, .pnlBnr5 ul li.pnl6 {
		width:100%;
	}
	.pnlBnr5 ul li.pnl2 a, .pnlBnr5 ul li.pnl5 a {
		margin-right:0;
	}
	.pnlBnr5 ul li.pnl3 a, .pnlBnr5 ul li.pnl6 a {
		margin-left:0;
	}
}
.pnlBnr6 ul li.pnl2, .pnlBnr6 ul li.pnl3,
.pnlBnr7 ul li.pnl2, .pnlBnr7 ul li.pnl3 {
	margin-bottom:4px;
	width:297px;
	height:auto;
}
.pnlBnr6 ul li.pnl4, .pnlBnr6 ul li.pnl5 {
	width:598px;
	height:auto;
}
.pnlBnr6 ul li.pnl4 {
	margin-right:4px;
}
@media only screen and (max-width:999px){
	.pnlBnr6 ul {
		width:598px;
		margin:0 auto;
	}
	.pnlBnr6 ul li.pnl1 {
		margin-bottom:0;
		margin-right:0;
	}
	.pnlBnr6 ul li.pnl2, .pnlBnr6 ul li.pnl3, .pnlBnr6 ul li.pnl4, .pnlBnr6 ul li.pnl5 {
		margin:4px 0 0 0;
	}
	.pnlBnr6 ul li.pnl1, .pnlBnr6 ul li.pnl4, .pnlBnr6 ul li.pnl5 {
		width:100%;
	}
	.pnlBnr6 ul li.pnl2, .pnlBnr6 ul li.pnl3 {
		width:50%;
	}
	.pnlBnr6 ul li.pnl2 a {
		margin-right:2px;
	}
	.pnlBnr6 ul li.pnl3 a {
		margin-left:2px;
	}
}
@media only screen and (max-width:628px){
	.pnlBnr6 ul {
		width:100%;
	}
	.pnlBnr6 ul li {
		float:none;
	}
	.pnlBnr6 ul li.pnl2, .pnlBnr6 ul li.pnl3 {
		width:100%;
	}
	.pnlBnr6 ul li.pnl2 a {
		margin-right:0;
	}
	.pnlBnr6 ul li.pnl3 a {
		margin-left:0;
	}
}
.pnlBnr7 ul li.pnl4, .pnlBnr7 ul li.pnl5, .pnlBnr7 ul li.pnl6, .pnlBnr7 ul li.pnl7 {
	width:297px;
	height:auto;
}
.pnlBnr7 ul li.pnl4, .pnlBnr7 ul li.pnl5, .pnlBnr7 ul li.pnl6 {
	margin-right:4px;
}
@media only screen and (max-width:999px){
	.pnlBnr7 ul {
		width:598px;
		margin:0 auto;
	}
	.pnlBnr7 ul li.pnl1 {
		margin-bottom:0;
		margin-right:0;
	}
	.pnlBnr7 ul li.pnl1 {
		width:100%;
	}
	.pnlBnr7 ul li.pnl2, .pnlBnr7 ul li.pnl3, .pnlBnr7 ul li.pnl4, .pnlBnr7 ul li.pnl5, .pnlBnr7 ul li.pnl6, .pnlBnr7 ul li.pnl7 {
		margin:4px 0 0 0;
		width:50%;
	}
	.pnlBnr7 ul li.pnl2 a, .pnlBnr7 ul li.pnl4 a, .pnlBnr7 ul li.pnl6 a {
		margin-right:2px;
	}
	.pnlBnr7 ul li.pnl3 a, .pnlBnr7 ul li.pnl5 a, .pnlBnr7 ul li.pnl7 a {
		margin-left:2px;
	}
}
@media only screen and (max-width:628px){
	.pnlBnr7 ul {
		width:100%;
	}
	.pnlBnr7 ul li {
		float:none;
	}
	.pnlBnr7 ul li.pnl2, .pnlBnr7 ul li.pnl3, .pnlBnr7 ul li.pnl4, .pnlBnr7 ul li.pnl5, .pnlBnr7 ul li.pnl6, .pnlBnr7 ul li.pnl7 {
		width:100%;
	}
	.pnlBnr7 ul li.pnl2 a, .pnlBnr7 ul li.pnl4 a, .pnlBnr7 ul li.pnl6 a {
		margin-right:0;
	}
	.pnlBnr7 ul li.pnl3 a, .pnlBnr7 ul li.pnl5 a, .pnlBnr7 ul li.pnl7 a {
		margin-left:0;
	}
}

/*START Panel Card banner
-------------------------------------------------*/
.cardsWrapper {	margin: 0 0 10px;}
.page.dplustop .cardsWrapper {
	margin: 0;
	padding: 20px 0;
}
/*.cards,
.cards * {
	box-sizing: border-box;
}*/
.cards {
	display: flex;
	justify-content: space-between;
}
.card {
	flex: 1;
	margin-right: 10px;
	line-height: 1.41;
	border: 1px solid #D4D8DB;
	position: relative;
}
.page.dplustop .color_line{	height: 15px;}
.page.dplustop .card {	border: none;}
.cards a {	display: block;}
.cards a, .cards a .cardLink {
	color: var(--cta-txt-color);
	font-weight: normal;
}
.cards a.cardbg2, .cards a.cardbg2 .cardLink{  color: #000000;}
.cards a .cardLinkArrow {
	transition: all 0.2s ease-out;
	position: absolute;
}
.cards a:hover .cardLinkArrow {	margin-left: 5px;}
.cardImage > img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.cardImage picture > img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.cardText {	padding: 15px;}
.cardText > * + * {	margin-top: 10px;}
.cardTitle {
	font-size: 14px;
	font-weight: bold;
}
.cardSubTitle {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
}
.cardImage{	overflow: hidden;}
.page .card.bordered {
	box-sizing: border-box;
	border: 4px solid #D4D8DB;
}
.card .cardImageWithTxt {
	display: flex;
	align-items: flex-start;
}
.card .cardImageWithTxt > * {	flex: 1;}
.card.shareNo1 {
	background: #fff;
	padding: 12px 8px;
}
.card.shareNo1 .cardImageWithTxt > img {
	flex: 0 0 auto;
	height: auto;
	width: 60px;
	margin-right: 5px;
}
.card.shareNo1 .cardImageWithTxt > .txt {
	font-size: 16px;
	font-weight: bold;
}
.card.shareNo1 .cardImageWithTxt > .txt > *:first-child {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 10px;
}
.card.shareNo1 .cardImageWithTxt > .txt > *:not(:first-child) {
	margin-top: 8px;
}
.card.shareNo1 .cardImageWithTxt > .txt span {
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	margin-top: 5px;
}
.card.shareNo1 .cardText {
	font-size: 10px;
	padding: 15px 0 0;
}
.bg_img_pattern{
    background: url(/directplus_ent/images/banners/topbnr_lightshadow_16_9_w480.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cardsWrapper img.img_products {
    padding-left: 40px;
}
.cardsWrapper .card:first-child .icon_optok{
    width: 150px;
    height: 150px;
    position: absolute;
    top: 40%;
    left: 36%;
}
.cardsWrapper .icon_optok{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 40%;
    left: 25%;
}

/*top banner made in japan label*/
.cards .japanlabel {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
}
/*オプ得対象製品*/
.oputok_bnr .cardImage{background: linear-gradient(0deg, #FFFFFF 0 25%, #ff8300 25% 90%, #FFFFFF 90% 100%);}
.oputok_bnr .icon_container{
	position: absolute;
	top: 5px;
	right: 38%;
	z-index: 0;
}
.oputok_bnr .icon_container img{margin:0;}
.oputok_bnr .img_products{
    max-width: 230px;
    height: auto;
    padding-right: 120px;
}
.gen11_bnr {
    background: url(/directplus_ent/images/banners/topbnr_graywave_16_9_w480.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.cardmidtxt {
    position: absolute;
    top: 30%;
    color: #000;
    left: 43%;
    font-size: 10px;
    font-weight: bold;
}
.panelposi{}
.page.dplustop .card > .cardImage.productimg picture > img{
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0;
	box-sizing: border-box;
	z-index: 1;
}
.card .optok_sticker div{
    color: #000000;
    width: 80px;
    height: 80px;
}
.card.bgJadeGreen .optok_sticker {
    top: -160px;
    left: 10%;
    transform:translate(0,0);
}
.card .optok_sticker {
  top: -160px;
  left: 64%;
  transform: translate(0,0);
}
.card .optok_sticker p{
    font-size: 14px;
    padding-top: 5px;
}
.page.dplustop .card > .cardImage.productimg picture > img.rack {
    padding: 60px 0 0;
}
.cardbg1{background-color: #01A982;}
.cardbg2{background-color: #62E5F6;color: #000;}
.cardbg3{background-color: #0070F8;}
.cardbg4{background-color: #7764FC;}
/* gen12TOPバナー用
 =======================================*/
.card.gen12 {  position: relative;}

@media (min-width: 1000px) {
	.card {
		flex-basis: 266px;
	}
	.page.dplustop .card:first-child {
		flex-basis: 400px;
	}
	.card:last-child {
		margin-right: 0;
	}
	/* トリミング用の設定 
	=======================================*/
	.page.dplustop .cardImage {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0;
		padding-top: 65.89%;/* height170px相当 */
	}
	.page.dplustop .cardImage > img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		height: 101%;
	}
/*	.page.dplustop .card:first-of-type > .cardImage picture img {
	    width: auto;
    	height: auto;
    	max-height: 270px;
	}*/
	.page.dplustop .cardImage picture img {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: auto;
    	height: 101%;
	    max-height: 172px;
	}
	.page.dplustop .card:first-of-type picture img {
		width: 100%;
		height: auto;
		max-height: fit-content;
	}
	.page.dplustop .card:first-of-type > .cardImage {
		padding-top: 43.52%;
	}
	.page.dplustop .card:first-of-type > .cardImage > img {
		width: 100%;
    	height: auto;
	}
	.cardsWrapper .roundicon img.icon_optok{
	width: 100px;
    height: 100px;
    position: absolute;
    top: 40%;
    left: 32%;
	}
		.oputok_bnr .cardImage img.img_products {
    max-width: 180px;
    height: auto;
    padding-right: 43%;
    padding-top: 30px;
    z-index: 1
	}
	.page.dplustop .cardImage.techcare picture img {
    right: 0;
    left: auto;
    transform: translate(0%, -50%);
	}
	.page.dplustop .card:first-of-type > .cardImage.proLiant30 picture img {
    width: auto;
    height: 101%;
	}
	.page.dplustop .card:nth-of-type(n + 2) > .cardImage.proLiant30 picture img {
/*    left: -15%;*/
    left: 0%;
    transform: translate(0%, -50%);
	}
	.card:nth-of-type(n + 2) > .proLiant30 .cardmidtxt{
		top: 18%;
    	left: 46%;
    	visibility: hidden !important;
	}
	/* gen12TOPバナー用 min-width: 1000px
	=======================================*/
	.card:not(:first-child) .gen12txt { font-size: 18px; line-height: 1.2;}
}
@media (max-width: 999px) {
	.oputok_bnr .icon_container{
	right: 150px;
}
.cardmidtxt {
    top: 20%;
    left: 40%;
    font-size: 70%;
}
/*オプ得対象製品*/
.card .optok_sticker {
    top: 10px;
}
.page.dplustop .card > .cardImage.productimg picture > img.rack {
    padding: 75px 0 20px;
}
.cardsWrapper img.img_products{
	padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.cards {
		flex-wrap: wrap;
		justify-content: center;
	}
	.card {
		flex-basis: calc(50% - 10px);
		/*margin-top: 10px;*/
	}
	.card:first-child,
	.page.dplustop .card:first-child {
		margin-top: 0;
	}
	.card:nth-child(n + 3) {
		margin-top: 10px;
	}
	.card:nth-child(2n) {
		margin-right: 0;
	}
	.card:last-child:nth-child(odd) {
		flex-grow: 0;
		flex-basis: calc(50% - 5px);
	}
	.card.shareNo1 {
		padding: 12px 10px;
	}
	.card.shareNo1 .cardImageWithTxt > img {
		width: 85px;
		margin-right: 10px;
	}
	.page.dplustop .card {
		width: calc(50% - 10px);
		box-sizing: border-box;
	}
	.cardImage picture > img {
		margin: 0 auto;
		width: 100%;
		height: auto;
		max-width: 480px;
	}
}
@media only screen and (min-width: 767px) {
	.cardTitle {height: 66px;}
}
@media only screen and (max-width: 767px) {
	/* 以下1段組み。左右をあける */
	.cards {
	/*	flex-direction: column;*/
		display: block;
	}
	.card {
		margin: 0 auto;
		width: 384px;
	}
	.card:nth-child(n + 2) {
		margin-top: 10px;
	}
	.oputok_bnr .icon_container img{
		width: 90px;
		height: 90px;
	}
}
@media only screen and (min-width: 415px) and (max-width: 999px){
	.cardsWrapper img.img_products {
    z-index: 1;
    position: relative;
	}
	.cardsWrapper .cards .card .icon_optok {
    top: 10%;
    left: 25%;
	}
	.page.dplustop .card > .cardImage.productimg picture > img{
		z-index: 1;
		position: relative;
		left: 0;
		padding: 40px 0 20px;
	}
}
@media (max-width: 414px) {
	.card {
		width: 100%;
	}
	.cardText {
		padding: 10px 15px;
	}
	.cardsWrapper .cards .card .icon_optok {
    top: 50%;
    left: 30%;
	}
	.spTrimHeight.cardImage {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0;
		padding-top: 30.63%;
	}
	.spTrimHeight.cardImage > img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	.spTrimHeight.cardImage picture > img{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
	.oputok_bnr .img_products{
	    max-width: 180px;
	    height: auto;
	}
	.oputok_bnr .icon_container {
	    top: auto;
	    right: 90px;
	    bottom: 81px;
	}
	.cardmidtxt .f18{
	    font-size: 12px !important;
	}
	/*オプ得対象製品*/
	.cardsWrapper .card:first-child .icon_optok{
		width: 90px;
		height: 90px;
	}
	.page.dplustop .card > .cardImage.productimg picture > img.rack {
	    padding: 0px 0 20px;
	}
	.page.dplustop .card > .cardImage.productimg picture > img{
		width: 210px;
        padding-bottom: 10px;
	}
	.card .optok_sticker p {
	    font-size: 10px;
	    padding-top: 3px;
	}
	.card .optok_sticker div {
	    color: #000000;
	    width: 55px;
	    height: 55px;
	    border: 3px solid #01a982;
	}
	.card .optok_sticker {
	    top: -62px;
	    left: auto;
	    transform: translate(0%,-50%);
	    right: -75%;
	}
	/*top banner made in japan label*/
	.cards .japanlabel {
		height: auto;
		width: 20%;
		top: 0;
		right: 0;
	}
	/* gen12TOPバナー用 max-width: 414px
	=======================================*/
	.gen12txt{display: none;}
}

/*START Mega Panel Card banner
-------------------------------------------------*/
.megaCard {
	display: flex;
	align-items: center;
	font-size: 16px;
}
.megaCard * {
	box-sizing: border-box;
}
.megaCard .clm1 {
	flex: 1;
	flex-basis: 70%;
}
.megaCard .clm2 {
	flex: 1;
	flex-basis: 30%;
	position: relative;
	padding: 15px;
}
.megaCard .clm2 > *:not(:first-child) {
	margin-top: 20px;
}
.megaCard .clm2 > *:last-child {
	margin-top: 60px;
}
.megaCard .title {
	font-size: 23px;
}
.megaCard .cardLink {
	color: #000000;
}
.megaCard .cardLinkArrow {
	color: #01A982;
	transition: all 0.2s ease-out;
	position: absolute;
}
.megaCard .cardLink:hover .cardLinkArrow {
	margin-left: 5px;
}
@media only screen and (max-width: 900px) {
	.megaCard .clm2 {
		padding: 10px;
	}
	.megaCard .clm2 > *:not(:first-child),
	.megaCard .clm2 > *:last-child {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.megaCard {
		font-size: 14px;
	}
	.megaCard .title {
		font-size: 18px;
	}
}
@media only screen and (max-width: 767px) {
	.megaCard {
		display: block;
	}
	.megaCard .clm2 {
		padding-bottom: 0;
	}
	.megaCard .clm2 > *:not(:first-child),
	.megaCard .clm2 > *:last-child {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 500px) {
	.megaCard br {
		display: none;
	}
}
@media only screen and (max-width: 414px) {
	.megaCard .brTabletOnly {
		display: none;
	}
}

/*START Products category
-------------------------------------------------*/

.productsCategory .categoryList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: auto;
}
.productsCategory .categoryList > * {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(50% - 5px);
	max-width: calc(50% - 5px);
	position: relative;
	text-align: center;
}
.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(odd) {
	margin-right: 10px;
}
.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(n+3) {
	margin-top: 20px;
}
.productsCategory .categoryList a,
.productsCategoryLineup .categoryItemParent a {
	display: block;
}
.productsCategoryLineup .categoryItemChild a {
	display: inline;
}
.productsCategory .categoryList a:hover .categoryName{
	color: #00B388;
}
.productsCategory .categoryList > *:before,
.productsCategoryLineup .categoryItemParent > *:before {
	content: "";
	display: block;
	background: url(/directplus_ent/system/images/category_pnl.webp) no-repeat;
	background-size: cover;
	width: 80%;
	padding-top: 59%;
	position: relative;
	top: 0;
	margin: 0 auto 27px;/* .categoryName height + gutter */
}
.productsCategory.productsCategoryLineup .categoryList > *:before {
	display: none;
}
.productsCategory .categoryList .categoryServer:before,
.productsCategoryLineup .categoryItemParent > .categoryServer:before {
	background-position: 0 0;
}
.productsCategory .categoryList .categoryStorage:before,
.productsCategoryLineup .categoryItemParent > .categoryStorage:before {
	background: url(/directplus_ent/storage/images/lineup_selector_msa_10_3.webp) no-repeat;
	background-size: 80%;
	background-position: center bottom 10px;
}
.productsCategory .categoryList .categoryNetwork:before,
.productsCategoryLineup .categoryItemParent > .categoryNetwork:before {
	background-position: 0 40%;
}
.productsCategory .categoryList .categorySupportservice:before,
.productsCategoryLineup .categoryItemParent > .categorySupportservice:before {
	background-position: 0 60%;
}
.productsCategory .categoryList .categoryOption:before,
.productsCategoryLineup .categoryItemParent > .categoryOption:before {
	background-position: 0 80%;
}
.productsCategory .categoryList .categoryEducation:before,
.productsCategoryLineup .categoryItemParent > .categoryEducation:before {
	background-position: 0 100%;
}
.productsCategory .categoryList .categoryName {
	text-align: center;
	position: relative;
	width: 100%;
	margin: auto;
}
.productsCategoryLineup .categoryList .categoryName {
	position: relative;
}
.productsCategoryLineup .categoryName h3 {
    margin: 0;
    align-content: center;
    height: 3em;
}
.productsCategoryLineup .categoryItemChild {
	margin-top: 20px;
	padding-left: 10px;
	font-size: 15px;
	text-align: left;
	display: inline-block;
}
@media only screen and (min-width:768px){
	.productsCategory .categoryList {
		flex-wrap: nowrap;
		width: 100%;
	}
	.productsCategory .categoryList > * {
		margin-right: 10px;
		flex-basis: calc(33.33333333333333% - 6.7px);
		max-width: calc(33.33333333333333% - 6.7px);
	}
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(3n),
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:last-child {
		margin-right: 0;
	}
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(3) {
		margin-top: 0;
	}
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:nth-child(n+4) {
		margin-top: 20px;
	}
	.productsCategory:not(.productsCategoryLineup) .categoryList > *:before {
		margin: 0 auto 38px;/* .categoryName height + gutter */
	}
}
@media only screen and (min-width:1200px){
	.productsCategory .categoryList > * {
		margin-right: 10px;
		flex-basis: calc(20% - 8px);
		max-width: calc(20% - 8px);
	}
	.productsCategory .categoryList > *:nth-child(5n) {
		margin-right: 0;
	}
	.productsCategory .categoryList > *:before {
		margin: 0 auto 42px;/* .categoryName height + gutter */
	}
}
@media (max-width:999px) {
	.productsCategoryLineup .categoryList {
		width: 100%;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.productsCategoryLineup .categoryList > * {
		margin-right: 10px;
		flex-basis: calc(66.66666666666666% - 6.66666666666666px);
		max-width: calc(33.33333333333333% - 6.66666666666666px);
	}
	.productsCategoryLineup .categoryList > *:nth-child(3n) {
		margin-right: 0;
	}
	.productsCategoryLineup .categoryList > *:nth-child(n+4) {
		margin-top: 20px;
	}
}
@media (max-width:767px) {
	.productsCategoryLineup .categoryList > * {
		margin-right: 10px;
		flex-basis: calc(50% - 5px);
		max-width: calc(50% - 5px);
	}
	.productsCategoryLineup .categoryList > *:nth-child(3n) {
		margin-right: 10px;
	}
	.productsCategoryLineup .categoryList > *:nth-child(2n) {
		margin-right: 0;
	}
	.productsCategoryLineup .categoryList > *:nth-child(n+3) {
		margin-top: 10px;
	}
	.productsCategoryLineup .categoryItemChild {
		padding-left: 0;
	}
}
@media (max-width:499px) {
	.productsCategoryLineup .categoryList > * {
		margin-right: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	.productsCategoryLineup .categoryList > *:nth-child(3n) {
		margin-right: 0;
	}
	.productsCategoryLineup .categoryList > *:nth-child(n+2) {
		margin-top: 20px;
	}
	.productsCategoryLineup .categoryItemParent a {
		display: flex;
		align-items: center;
	}
	.productsCategoryLineup .categoryItemParent > *:before {
		margin: 0 5px 0 0;
		padding-top: 20%;
		width: 40%;
	}
	.productsCategoryLineup .categoryItemParent > .categoryServer:before {
		padding-top: 9.5%;
		background-position: 0 8%;
	}
	.productsCategoryLineup .categoryItemParent > .categoryNetwork:before {
		padding-top: 20%;
		background-position: 0 39%;
	}
	.productsCategory .categoryList .categoryName {
		text-align: left;
	}
	.productsCategoryLineup .categoryItemChild {
		margin-top: 10px;
	}
}

.page.dplustop .pagesList .groupColumn {
	display: flex;
	padding-right: 20%;
}
.page.dplustop .pagesList .groupColumn > * {
	flex-grow: 0;
	flex-shrink:  0;
	flex-basis: calc(50% - 10px);
}
.page.dplustop .pagesList .groupColumn > *:first-child {
	margin-right: 10px;
}
.page.dplustop .pagesList .group.consider .groupColumn {
	background-image: url(/directplus_ent/images/icon/spot_networking.svg);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: auto 150px;
}
.page.dplustop .pagesList .group.select .groupColumn {
	background-image: url(/directplus_ent/images/icon/spot_infrastructure.svg);
	background-position: 96% 50%;
	background-repeat: no-repeat;
	background-size: auto 150px;
}
.page.dplustop .pagesList .group.quote .groupColumn {
	background-image: url(/directplus_ent/images/icon/spot_retail.svg);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: auto 148px;
}
.page.dplustop .pagesList .group.contact .groupColumn {
	position: relative;
}
.page.dplustop .pagesList .group.contact .groupColumn::after {
    background-image: url(/directplus_ent/images/icon/spot_sustainable.svg);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    overflow: auto;
    content: "";
    position: absolute;
    top: 0;
    right: 6%;
    width: 100px;
    height: 100px;
}
.page.dplustop .pagesList .group .groupHeader {
	margin-bottom: 10px;
	padding: 2px 0 2px 45px;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 0 0;
}
.page.dplustop .pagesList .group.consider .groupHeader {
	background-image: url(/directplus_ent/images/top_pages_list_icon_consider.png);
	display: flex;
	align-items: center;
	--text-divider-gap: 2%;
	margin-right: var(--text-divider-gap);
}
.page.dplustop .pagesList .group.consider .groupHeader::after  {
	content: '';
	height: 15px;
	background-color: #D4D8DB;
	flex-grow: 1;
	margin-left: var(--text-divider-gap);
	margin-top: -10px;
}
.page.dplustop .pagesList .group.select .groupHeader {
	background-image: url(/directplus_ent/images/top_pages_list_icon_select.png);
	display: flex;
	align-items: center;
	--text-divider-gap: 2%;
	margin-right: var(--text-divider-gap);
}
.page.dplustop .pagesList .group.select .groupHeader::after  {
	content: '';
	height: 15px;
	background-color: #D4D8DB;
	flex-grow: 1;
	margin-left: var(--text-divider-gap);
	margin-top: -10px;
}
.page.dplustop .pagesList .group.quote .groupHeader {
	background-image: url(/directplus_ent/images/top_pages_list_icon_quote.png);
	display: flex;
	align-items: center;
	--text-divider-gap: 2%;
	margin-right: var(--text-divider-gap);
}
.page.dplustop .pagesList .group.quote .groupHeader::after  {
	content: '';
	height: 15px;
	background-color: #D4D8DB;
	flex-grow: 1;
	margin-left: var(--text-divider-gap);
	margin-top: -10px;
}

.page.dplustop .pagesList .group.contact .groupHeader {
	background-image: url(/directplus_ent/images/top_pages_list_icon_contact.png);
	display: flex;
	align-items: center;
	--text-divider-gap: 2%;
	margin-right: var(--text-divider-gap);
}
.page.dplustop .pagesList .group.contact .groupHeader::after  {
	content: '';
	height: 15px;
	background-color: #D4D8DB;
	flex-grow: 1;
	margin-left: var(--text-divider-gap);
	margin-top: -10px;
}
.page.dplustop .pagesList .groupColumn ul {
	font-size: 15px;
	color: #00B388;
}
.page.dplustop .pagesList .groupColumn ul ul {
	margin-left: 2em;
}
.page.dplustop .pagesList .group:not(:last-child) {
	margin-bottom: 35px;
}
@media (max-width:999px) {
	.page.dplustop .pagesList .groupColumn {
		padding-right: 10%;
	}
}
@media (max-width:767px) {
	.page.dplustop .pagesList .groupColumn {
		padding-right: 0;
	}
	.page.dplustop .pagesList .groupColumn {
		flex-wrap: wrap;
	}
	.page.dplustop .pagesList .groupColumn > * {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 100%;
		width: 100%;
		margin: 0;
	}
	.page.dplustop .pagesList .groupColumn ul li:not:last-of-type,
	.page.dplustop .pagesList .groupColumn ul:not:last-of-type {
		margin-bottom: 0.3em;
	}
}
@media (max-width:500px) {
	.page.dplustop .pagesList .groupColumn {
		background-image: none !important;
	}
	.page.dplustop .pagesList .group.contact .groupColumn::after { content: none;}
}
@media (max-width:414px) {
	.page.dplustop .pagesList .group .groupHeader {
		padding: 0 0 0 40px;
		background-size: 36px;
	}
	.page.dplustop .pagesList .group.select .groupHeader {
		background-position: 0 1px;
	}
	.page.dplustop .pagesList .group.quote .groupHeader {
		background-position: 0 4px;
	}
}
/*START hpe Blog Link 
-------------------------------------------------*/
.hpeBlogLink {
	height: 120px;
	overflow-y: scroll;
	-ms-overflow-style: scroll;
}
@supports (-ms-ime-align: auto){
	.hpeBlogLink > a.linkWithArrow .arrow,
	.hpeBlogLink > .hasLinkWithArrow .arrow {
		transition: all 0.2s ease-out;
		position: absolute;
		right: -12px;
	}
	.hpeBlogLink > a.linkWithArrow:hover .arrow,
	.hpeBlogLink > .hasLinkWithArrow:hover .arrow {
		right: -17px;
	}
}
@media all and (-ms-high-contrast: none){
	.hpeBlogLink > a.linkWithArrow .arrow,
	.hpeBlogLink > .hasLinkWithArrow .arrow {
		transition: all 0.2s ease-out;
		position: absolute;
		right: -12px;
	}
	.hpeBlogLink > a.linkWithArrow:hover .arrow,
	.hpeBlogLink > .hasLinkWithArrow:hover .arrow {
		right: -17px;
	}
}
/*START dplus top whatsNew Area
-------------------------------------------------*/
.dplustop .js-moxie-online:focus {	outline:none;}
.dplustop .whatsNew > ul > li:nth-child(n+7) {	display: none;}
.dplustop .whatsNew > ul > li.spot {	display: block;}
.dplustop .whatsNewArea {	position: relative;}
.dplustop .whatsNewArea .whatsNewBtn .btn {	margin: 0 0 20px;}
@media only screen and (min-width: 375px) {
	.dplustop .whatsNewArea .whatsNewBtn {
		position: absolute;
		top: 0;
		right: 0;
	}
	.dplustop .whatsNewArea .whatsNewBtn .btn {
		margin: 0;
	}
}

/*START Content with right navi
-------------------------------------------------*/
.contentsWithRightNavi {
	width:100%;
}
.contentsWithRightNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.contentsWithRightNavi .leftCnt {
	float:left;
	width:1000px;
}
.contentsWithRightNavi .rightNav {
	float:left;
	width:200px;
	padding-left:30px;
	box-sizing:border-box;
}
@media only screen and (max-width:999px){
	.contentsWithRightNavi .leftCnt {
		float:none;
		width:100%;
	}
	.contentsWithRightNavi .rightNav {
		float:none;
		width:100%;
		padding-left:0;
	}
}

/*START Content with left navi
-------------------------------------------------*/
.contentsWithLeftNavi {
	width:100%;
}
.contentsWithLeftNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.contentsWithLeftNavi .rightCnt {
	float:right;
	width:1000px;
}
.contentsWithLeftNavi .leftNav {
	float:left;
	width:200px;
	padding-right:30px;
	box-sizing:border-box;
}
@media (min-width:1000px){
	.stickynavi{	position: sticky;}
	.leftNav.stickynavi {	top: 40px;}
}
@media only screen and (max-width:999px){
	.contentsWithLeftNavi .rightCnt {
		float:none;
		width:100%;
	}
	.contentsWithLeftNavi .leftNav {
		float:none;
		width:100%;
		padding-right:0;
	}
}

/*START Right navigation & Left navigation
-------------------------------------------------*/
.rightNav h4, .leftNav h4 {}
.rightNav ul.rightNavLink, .leftNav ul.leftNavLink, .leftNav .leftNavMemu, .rightNav ul.sideNavLink, .leftNav ul.sideNavLink{
	margin-bottom:40px;
	line-height:1.6;
}
.navihead{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;
}
.rightNavLink,.leftNavLink,.sideNavLink{	border-top:2px solid #D4D8DB;}
.rightNav ul.rightNavLink > li, .leftNav ul.leftNavLink > li, .rightNav ul.sideNavLink > li, .leftNav ul.sideNavLink > li{
	font-size:13px;
	border-bottom:1px solid #D4D8DB;
}
.rightNav ul.rightNavLink > li a, .leftNav ul.leftNavLink > li a, .rightNav ul.sideNavLink > li a{
	padding:10px 0;
	display:inline-block;
}
.leftNav ul.sideNavLink > li a{
	padding:10px 5px;
	display:block;
}
.leftNavMemu {
	border-top:1px solid #D4D8DB;
}
.leftNavMemu > li {
	border-bottom:1px solid #D4D8DB;
}
.leftNavMemu > li.level1 {
	background-color:#F7F7F7;
	font-size:15px;
}
.leftNavMemu > li.level1 > a {
	padding:10px 8px;
	display:block;
}
.leftNavMemu > li.level2 {
	background-color:#292D3A;
}
.leftNavMemu > li.level2 > a {
	color:#FFF;
	font-size: 15px;
	padding: 10px 8px;
	display:block;
}
@media (min-width:1000px){
/* naviのハイライト設定 */
/*	transition: background-color 0.3s;*/
ul.sideNavLink > li:has(.navilight){padding: 2px 5px;background-color: #F7F7F7;}
/* naviのハイライト設定 end */
}
@media (max-width:999px){
	.leftNavMemu > li.level2 {
		display:none;
	}
}
.leftNavMemu > li .level3 {
	background-color:#FFF;
}
.leftNavMemu > li .level3 > li > a {
	color:#000;
	display:block;
	padding:10px 8px 10px 10px;
	font-size:12px;
	border-bottom:1px #D4D8DB dotted;
}
.leftNavMemu > li .level3 > li:last-child > a {
	border-bottom:none;
}

/*START Category select
-------------------------------------------------*/
.catSelBox a, .catSelBoxTwoClm a {
	display:block;
}
.catSelBoxWhtOneClm a, .catSelBoxWhtTwoClm a, .catSelBoxWhtThreeClm a, .catSelBoxWhtFourClm a {
	display:block;
}
.catSelBox {
	width:100%;
	padding:20px;
	background-color:#F7F7F7;
	box-sizing: border-box;
}
.catSelBoxWhtOneClm {
	background-color:#FFF;
	display:table;
	width:100%;
}
.catSelBoxTwoClm .clm1, .catSelBoxTwoClm .clm2 {
	display:table-cell;
	vertical-align:middle;
	width:495px;
	min-height:60px;
}
.catSelBoxTwoClm .clm1 > div, .catSelBoxTwoClm .clm2 > div {
	background-color:#F7F7F7;
	padding:20px;
}
.catSelBoxTwoClm .clm1 {
	padding-right:10px;
}
@media only screen and (max-width:999px){
	.catSelBoxTwoClm .clm1, .catSelBoxTwoClm .clm2 {
		display:block;
		width:100%;
	}
	.catSelBoxTwoClm .clm1 {
		padding-right:0;
		margin-bottom:10px;
	}
}

.catSelBoxWhtTwoClm {
	width:100%;
}
.catSelBoxWhtTwoClm .clm1, .catSelBoxWhtTwoClm .clm2 {
	display:table-cell;
}
.catSelBoxWhtTwoClm .clm1 {
	padding-right:10px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtTwoClm .clm1, .catSelBoxWhtTwoClm .clm2 {
		display:table;
		width:100%;
	}
	.catSelBoxWhtTwoClm .clm1 {
		padding-right:0;
		margin-bottom:10px;
	}
}

.catSelBoxWhtThreeClm {
	width:100%;
	display:table;
}
.catSelBoxWhtThreeClm .clm1, .catSelBoxWhtThreeClm .clm2, .catSelBoxWhtThreeClm .clm3 {
	display:table-cell;
	vertical-align:top;
}
.catSelBoxWhtThreeClm .clm1, .catSelBoxWhtThreeClm .clm2 {
	padding-right:10px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtThreeClm .clm1, .catSelBoxWhtThreeClm .clm2, .catSelBoxWhtThreeClm .clm3 {
		display:table;
		width:100%;
	}
	.catSelBoxWhtThreeClm .clm1, .catSelBoxWhtThreeClm .clm2 {
		padding-right:0;
		margin-bottom:10px;
	}
}
.catSelBoxWhtFourClm {
	width:100%;
	display:table;
}
.catSelBoxWhtFourClm .clm1, .catSelBoxWhtFourClm .clm2, .catSelBoxWhtFourClm .clm3, .catSelBoxWhtFourClm .clm4 {
	display:table-cell;
	vertical-align:top;
}
.catSelBoxWhtFourClm .clm1, .catSelBoxWhtFourClm .clm2, .catSelBoxWhtFourClm .clm3 {
	padding-right:10px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtFourClm .clm1, .catSelBoxWhtFourClm .clm2, .catSelBoxWhtFourClm .clm3, .catSelBoxWhtFourClm .clm4 {
		display:table;
		width:100%;
	}
	.catSelBoxWhtFourClm .clm1, .catSelBoxWhtFourClm .clm2, .catSelBoxWhtFourClm .clm3 {
		padding-right:0;
		margin-bottom:10px;
	}
}

.catSelBoxWhtOneClm .catSel {
	width:100%;
}
.catSelBoxWhtTwoClm .catSel {
	width: 475px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtTwoClm .catSel {
		width:100%;
	}
}
.catSelBoxWhtThreeClm .catSel {
	width: 313px;
}
.catSelBoxWhtFourClm .catSelWht {
	width:232px;
}
@media only screen and (max-width:999px){
	.catSelBoxWhtFourClm .catSelWht {
		width:100%;
	}
}

.catSel {
	padding: 10px 10px 10px 130px;
	background-color:#FFF;
	height: 100px;
	box-sizing: border-box;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.catSel:before {
	content:"";
	display:block;
	width:110px;
	height:80px;
	position:absolute;
	top:10px;
	left:10px;
	background-image:url('/directplus_ent/system/images/cs_products.png');
	background-repeat:no-repeat;
	-webkit-background-size: 110px auto;
	-moz-background-size:    110px auto;
	-ie-background-size:     110px auto;
	-o-background-size:      110px auto;
	background-size:         110px auto;
}
.catSel.catSelWht {
	background-color:#FFF;
	padding:10px;
	height:100px;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
.catSel.catSelWht:before {
	display:none;
}
.catSelTower:before {background-position:0 0;}
.catSelRack:before {background-position:0 -85px;}
.catSelStoreEasy:before {background-position:0 -170px;}
.catSelStoreEasy2:before {background-position:0 -693px;}
.catSelRdx:before {background-position:0 -255px;}
.catSelRdxBackupPack:before {background-position:0 -595px;}
.catSelLtodrive:before {background-position:0 -510px;}
.catSelLtomedia:before {background-position:0 -340px;}
.catSelSwitch:before {background-position:0 -425px;}
.catSelAccessPoint:before {background-position:0 -790px;}


/*START TOP Category select
-------------------------------------------------*/

.boxArea {}
.boxArea * {
	box-sizing: border-box;
}
.page.dplustop .boxArea > h2 {
	font-size: 20px;
/*	text-align: center;*/
}
@media only screen and (min-width:768px){
	.page.dplustop .boxArea > h2 {
		font-size: 24px;
/*		text-align: left;*/
	}
}

.boxItems {
	background: #F7F7F7;
	padding: 10px;
}
.boxItem {
	position: relative;
}

/* 段組み */

/* 2段組み */
.boxItemChildren {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 13px;
}
.boxItemChild {
	position: relative;
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: calc(50% - 5px);
	max-width: calc(50% - 2.5px);
	display: flex;
	align-items: center;
	line-height: 1.41;
}
.boxItemChild:not(:last-child) {
	margin-bottom: 5px;
}
.boxItemChildren.network .boxItemChild {
	margin-bottom: 0;
}
@media only screen and (max-width:767px){
	.boxItemChild {
		flex-basis: calc(50% - 5px);
		max-width: calc(50% - 2.5px);
	}
	.boxItemChildren.purpose > .boxItemChild {
		margin: 0;
	}
	.boxItemChildren.purpose > .boxItemChild:nth-child(odd) {
		margin-right: 5px;
	}
	.boxItemChildren.purpose > .boxItemChild:nth-child(n+3) {
		margin-top: 5px;
	}
}
@media only screen and (min-width:768px){
	.boxItemChildren {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.boxItemChild:not(:last-child) {
		margin-bottom: 0;
	}
	/* 段組みしない */
	.boxItemChildren.spec > .boxItemChild.storeEasy {
		flex-basis: 100%;
		max-width: 100%;
	}
	/* 2段組み */
	.boxItemChildren.spec > .boxItemChild,
	.boxItemChildren.storage > .boxItemChild,
	.boxItemChildren.network > .boxItemChild {
		flex-basis: calc(50% - 5px);
		max-width: calc(50% - 5px);
	}
	.boxItemChildren.spec > .boxItemChild:nth-child(odd),
	.boxItemChildren.storage > .boxItemChild:nth-child(odd),
	.boxItemChildren.network > .boxItemChild:nth-child(odd) {
		margin-right: 10px;
	}
	.boxItemChildren.spec > .boxItemChild:nth-child(n+3),
	.boxItemChildren.storage > .boxItemChild:nth-child(n+3),
	.boxItemChildren.network > .boxItemChild:nth-child(n+3) {
		margin-top: 10px;
	}
	.boxItemChildren.spec > .boxItemChild.storeEasy {
		margin-right: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	/* 3段組み */
	.boxItemChildren.purpose > .boxItemChild,
	.boxItemChildren.storage.col3 > .boxItemChild {
		flex-basis: calc(33.33333333333333% - 6.666666666666667px);
		max-width: calc(33.33333333333333% - 6.666666666666667px);
	}
	.boxItemChildren.purpose > .boxItemChild:not(:nth-child(3n)),
	.boxItemChildren.storage.col3 > .boxItemChild:not(:nth-child(3n)) {
		margin-right: 10px;
	}
	.boxItemChildren.purpose > .boxItemChild:nth-child(n+4),
	.boxItemChildren.storage.col3 > .boxItemChild:nth-child(n+4) {
		margin-top: 10px;
	}
}
@media only screen and (min-width:769px){
	.boxItems {
		padding: 20px;
	}
}

/* 項目ごとの設定(画像の有無等) */
.boxItems .noImg {
	display: flex;
	padding: 1px 0;/*height:30px相当*/
}
.boxItems .noImg.bgWht {
	padding: 10px 2px 10px 5px;
/*	padding-left: 10px;*//*字下げ*/
}
.boxItems .withImg {
	background: #fff;
	padding: 60px 5px 5px 5px;
}
.boxItems .noImg.noBg {
	padding: 0;
	line-height: 1.41;
}
.boxItems .noImg.noBg:not(:last-child) {
	margin-bottom: 5px;
}
.boxItems .noImg.noBg:not(:first-child) {
	margin-top: 5px;
}

@media only screen and (max-width:414px){
	.boxArea.supportservice .boxItem.noImg.noBg:first-child {
		margin-bottom: 0;/*スマホでは後続の要素を非表示にしているため*/
	}
}
@media only screen and (min-width:375px){
	.boxItems .noImg.bgWht {
		/*padding-left: 20px;*//*字下げ*/
	}
}
@media only screen and (min-width:415px){
	.boxItems .noImg.noBg:not(:last-child) {
		margin-bottom: 10px;
	}
	.boxItems .noImg.noBg:not(:first-child) {
		margin-top: 10px;
	}
}
@media only screen and (min-width:768px){
	.boxItems .noImg {
		padding: 11px 0;/*height:50px相当*/
	}
	.boxItems .boxItemChild {
		min-height: 100px;
	}
	.boxItems .noImg.bgWht {
		padding: 10px;/*字下げ→全体アケ*/
	}
}
@media only screen and (min-width:769px){
	.boxItems .noBg:not(:last-child) {
		margin-bottom: 20px;
	}
	.boxItems .noBg:not(:first-child) {
		margin-top: 20px;
	}
}

/* 段組み内リンク */
.boxItem .cta-link {
	font-size: 14px;
	margin: 0;
/*	margin: auto 0;*/
}
.boxItemChild .cta-link {
	font-size: 12px;
}
.boxItemChild {
	align-items: start;
}
@media only screen and (min-width:375px){
	.boxItems .cta-link {
		font-size: 16px;
	}
	.boxItemChild .cta-link {
		font-size: 12px;
	}
}
@media only screen and (min-width:414px){
	.boxItemChild .cta-link {
		font-size: 14px;
	}
}
@media only screen and (min-width:768px){
	.boxItems .cta-link {
		margin: auto 0;
	}
	.boxItemChild {
		align-items: center;
	}
	.boxItemChild .cta-link {
		font-size: 16px;
	}
}

/* StoreEasyの説明文 */
.page.dplustop .boxArea .storeEasyTxt {
	display: none;/*スマホ非表示*/
}
@media only screen and (min-width:768px){
	.page.dplustop .boxArea .storeEasyTxt {
		display: block;
		background: #fff;
		padding: 10px 10px 10px 20px;
		font-size: 12px;
	}
}
@media only screen and (min-width:769px){
	.page.dplustop .boxArea .storeEasyTxt {
		font-size: 14px;
	}
}

/* トップページ画像スプライト */
.boxItems .withImg:before {
	content: "";
	display: block;
	width: 55px;
	height: 40px;
	position: absolute;
	top: 10px;
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
	background-image: url(/directplus_ent/system/images/cs_products.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.page.dplustop .boxItems .withImg.tower:before {}
.page.dplustop .boxItems .withImg.rack:before {
/*	background-position: 0 11%;*/
	background-position: 0 9.5%;
}
.page.dplustop .boxItems .withImg.storeEasy:before {
/*	background-position: 0 87.2%;*/
	background-position: 0 78.5%;
}
.page.dplustop .boxItems .withImg.rdx:before {
/*	background-position: 0 32%;*/
	background-position: 0 29%;
}
.page.dplustop .boxItems .withImg.lto:before {
/*	background-position: 0 64.3%;*/
	background-position: 0 58.1%;
}
.page.dplustop .boxItems .withImg.accessPoint:before {
/*	background-position: 0 99.5%;*/
	background-position: 0 89.5%;
}
.page.dplustop .boxItems .withImg.switch:before {
/*	background-position: 0 53.8%;*/
	background-position: 0 48.2%;
}
.page.dplustop .boxItems .withImg.msa:before {
	background-position: 0 99.5%;
}
@media only screen and (min-width:768px){
	/* アイコン画像大きくする */
	.boxItems .withImg:before {
		top: auto;
		left: 10px;
		margin: 0;
	}
	.page.dplustop .boxItems .withImg {
		padding: 10px 10px 10px 125px;
	}
	.page.dplustop .boxItems .withImg:before {
		width: 110px;
		height: 80px;
	}
}


/*START TOP support service
-------------------------------------------------*/
ul.topSupportPoint li {
    margin-bottom: 20px;
	display: table;
	width: 100%;
	position: relative;
	padding-left: 50px;
    box-sizing: border-box;
}
ul.topSupportPoint li span {
    display: table-cell;
    padding: 5px 10px;
	width: 15px;
    text-align: center;
	vertical-align: middle;
}
ul.topSupportPoint li:nth-child(3) span{
	color: #fff;
}
ul.topSupportPoint li p {
    display: table-cell;
	padding: 5px 10px;
	vertical-align: middle;
	border: 2px solid;
    border-left: none;
    background: #fff;
}
ul.topSupportPoint li:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
	margin-top: -20px;
    left: 0;
    background-repeat: no-repeat;
    -webkit-background-size: 40px auto;
    -moz-background-size: 40px auto;
    -ie-background-size: 40px auto;
    -o-background-size: 40px auto;
    background-size: 40px auto;
}
ul.topSupportPoint li:first-child:before {
	background-image: url(/directplus_ent/images/icon/icon_cost_savings.svg);
}
ul.topSupportPoint li:nth-child(2):before {
	background-image: url(/directplus_ent/images/icon/icon_support.svg);
}
ul.topSupportPoint li:nth-child(3):before {
	background-image: url(/directplus_ent/images/icon/icon_it_services.svg);
}
ul.topSupportPoint li img {
	width: 40px;
}

/*START Recommend
-------------------------------------------------*/
.page.dplustop .recommendLinksArea {
	padding: 30px 0;
}
.page.dplustop .recommendLinks {
	display: flex;
	justify-content: space-around;
}
.page.dplustop .recommendLinks > * {
	flex: 0 1 auto;
	width: 25%;
	margin-right: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.page.dplustop .recommendLinks > *:last-child {
	margin-right: 0;
}
.page.dplustop .recommendLink:hover {
	color: #00B388;
}
.page.dplustop .recommendLinks .cover {
	margin-bottom: 10px;
}
.page.dplustop .recommendLinks .cover img {
	max-width: 110px;
	height: auto;
	margin: 0 auto;
}
.page.dplustop .recommendLinks .description {
	font-size: 13px;
	font-weight: normal;
}
@media (max-width:767px) {
	.page.dplustop .recommendLinks {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.page.dplustop .recommendLinks > * {
		width: calc(50% - 5px);
	}
	.page.dplustop .recommendLinks > *:nth-child(2n) {
		margin-right: 0;
	}
	.page.dplustop .recommendLinks > *:nth-child(n+3) {
		margin-top: 10px;
	}
}

/*START Ranking
-------------------------------------------------*/
.rankingThreeClm {
	display:table;
}
.rankingThreeClm .clm1,
.rankingThreeClm .clm2,
.rankingThreeClm .clm3 {
	display:table-cell;
	box-sizing:border-box;
	position:relative;
}
.rankingThreeClm .clm1,
.rankingThreeClm .clm3 {
	width:332px;
}
.rankingThreeClm .clm2 {
	width:336px;
	border-left:1px solid #D4D8DB;
	border-right:1px solid #D4D8DB;
}
@media only screen and (max-width:999px){
	.rankingThreeClm {
		display:block;
	}
	.rankingThreeClm .clm1,
	.rankingThreeClm .clm2,
	.rankingThreeClm .clm3 {
		display:block;
		width:100%;
		max-width:600px;
		margin:0 auto;
	}
	.rankingThreeClm .clm2 {
		border-left:none;
		border-right:none;
		border-top:1px solid #D4D8DB;
		border-bottom:1px solid #D4D8DB;
	}
}
.rankingThreeClm .rankingImg a {
	display:block;
}
/*
.rankingThreeClm .clm1 .rankingImg a:before, .rankingThreeClm .clm2 .rankingImg a:before, .rankingThreeClm .clm3 .rankingImg a:before {
	content:"";
	display:block;
	width:50px;
	height:63px;
	position:absolute;
	top:10px;
	left:20px;
	background-image:url(/directplus_ent/system/images/ranking_icon.png);
	background-repeat:no-repeat;
	-webkit-background-size: 50px auto;
	-moz-background-size:    50px auto;
	-ie-background-size:     50px auto;
	-o-background-size:      50px auto;
	background-size:         50px auto;
}
.rankingThreeClm .clm1 .rankingImg a:before {
	background-position:0 0;
}
.rankingThreeClm .clm2 .rankingImg a:before {
	background-position:0 -70px;
}
.rankingThreeClm .clm3 .rankingImg a:before {
	background-position:0 -140px;
}
*/
.rankingThreeClm .rankNum {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	background:#614767;
	color:#FFF;
	width:50px;
	height:50px;
	line-height:50px;
	font-weight:bold;
	text-align:center;
}
@media (max-width:999px){
	.rankingThreeClm .rankNum {
		left:100px;
	}
}
@media (max-width:767px){
	.rankingThreeClm .rankNum {
		left:10px;
	}
	.appealtxt{
	margin-top: 10px;
	margin-bottom: 10px;
	}
	.rankItem:not(:first-child){		margin-bottom: 10px;	}
}
.rankingThreeClm .clm2 .rankNum,
.rankingThreeClm .clm3 .rankNum {
	background:#80746e;
}
.rankingThreeClm .rankingImg img {
	margin:0 auto;
	width:250px;
}
.rankingThreeClm .rankingTxt {
	padding:15px 20px;
	text-align:center;
}
.rankingThreeClm .rankingTxt .productName, .rankingThreeClm .rankingTxt .minPrice, .rankingThreeClm .rankingTxt .optokuPrice {
	display:block;
	text-align:center;
}
.rankingThreeClm .rankingTxt .productName {
	font-size:16px;
	margin-bottom:10px;
}
.rankingThreeClm .rankingTxt .minPrice {
	font-size:13px;
	margin-bottom:5px;
}
.rankingThreeClm .rankingTxt .minPrice > span {
	display:inline-block;
	margin-left:15px;
	text-decoration:line-through;
}
.rankingThreeClm .rankingTxt .optokuPrice {
	font-size:17px;
}
.rankingThreeClm .rankingTxt .optokuPrice > span {
	display:inline-block;
	margin-left:15px;
}

/*202009ver*/
.ranking2Area {}
.ranking2Area .pcTxt,
.ranking2Area .pcImg {
	display: none;
}
.ranking2Area > h2 {
/*	font-size: 20px;
	text-align: center;*/
}
.rankItems {
	display: flex;
	flex-wrap: wrap;
}
.rankItem {
	flex: 1;
	flex-basis: calc(50% - 5px);
	min-width: 200px;
	position: relative;
}
.rankItem:first-child {
	flex-basis: 100%;
	max-width: 100%;
}
.rankItem:nth-child(2) {
	margin-right: 10px;
}
.rankItemHeader {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: start;
	flex-direction: column;
}
.rankItem:first-child .rankItemHeader {
	font-size: 18px;
}
.rankItemNum {
	font-size: 12px;
	width: 100%;
	height: 40px;
	line-height: 40px;
    background: #80746e;
	color: #000;
	text-align: center;
	margin-right: 10px;
	flex-shrink: 0;
}
.rankItemNum > * {
	font-size: 18px;
}
.rankItem:first-child {
	margin-bottom: 10px;
}
.rankItem:first-child .rankItemNum {
	width: 100%;
    height: 40px;
    line-height: 40px;
}
.rankItem:first-child .rankItemNum {
	background: #62E5F6;
	color: #000000;
}
.rankItem:nth-child(2) .rankItemNum {
	background: #0070F8;
	color: #ffffff;
}
.rankItem:nth-child(3) .rankItemNum {
	background: #7764FC;
	color: #ffffff;
}
.rankItem:first-child .rankItemNum > * {
	font-size: 20px;
}
.rankItemName {
	display: flex;
	flex-wrap: wrap;
	align-self: center;
	line-height: 1.41;
	margin-top: 10px;
}
.rankItemName > * {
	display: inline-block;
}
.rankItemName > *:not(:last-child) {
	margin-right: .5em;
}
.rankItemImg {
	margin-bottom: 10px;
	text-align: center;
}
.rankItemImg img {
	margin: auto;
	max-width: 100%;
}
.rankItemTxt {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.rankItemTxt .btn {
	font-size: 14px;
	font-weight: bold;
	min-width: 160px;
	max-width: 260px;
	margin: 0 auto;
  width: 100%;
}

@media only screen and (min-width:768px){
	.ranking2Area .spTxt,
	.ranking2Area .spImg {
		display: none;
	}
	.ranking2Area .pcTxt,
	.ranking2Area .pcImg {
		display: inline-block;
	}
	.ranking2Area > h2 {
		text-align: left;
	}
	.rankItems {
		flex-wrap: nowrap;
	}
	.rankItem,
	.rankItem:first-child {
		flex-basis: calc(33.33333333333333% - 14px);
		max-width: calc(33.33333333333333% - 14px);
		border-right: 1px solid #D4D8DB;
		padding-right: 10px;
		margin-right: 10px;
	}
	.rankItem:last-child {
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}
	.rankItem:first-child {
		margin-bottom: 0;
	}
	.rankItemNum {
		width: 100%;
	    height: 40px;
	    line-height: 40px;
	}
	.rankItemNum > * {
		font-size: 20px;
	}
	.rankItem .rankItemHeader {
		font-size: 18px;
	}
	.appealtxt{
	margin-top: 10px;
    padding: 0 2em;
	}
	.servertop .appealtxt{
		padding: 0 1em;/*サーバートップ用*/
	}
	.rankItemName {
		display: block;
	}
	.rankItemImg img {
		max-width: 200px;
	}
	.rankItemTxt {
		font-size: 9px;
	}
	.rankItemTxt .btn {
		font-size: 14px;
		max-width: calc(100% - 20px);
	}
	.rankItemTxt .optokuPrice {
		font-size: 13px;
	}
}
@media only screen and (min-width:999px){
	.rankItemTxt {
		font-size: 11px;
	}
	.rankItemTxt .btn {
		font-size: 16px;
		max-width: 290px;
	}
}

/*高さを揃える*/
.rankItem:not(:first-child) {
	padding-bottom: 150px;
}
.rankItem:not(:first-child) .rankItemImg {
	position: absolute;
	bottom: 75px;
	left: 0;
	right: 0;
	margin: auto;
}
.rankItem:not(:first-child) .rankItemTxt {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}
@media only screen and (min-width:768px){
	.rankItem:nth-child(n+1) {
		padding-top: 10px;
		padding-bottom: 265px;
	}
	.rankItem:nth-child(n+1) .rankItemImg {
		position: absolute;
		bottom: 75px;
		left: 0;
		right: 10px;
		margin: auto;
		width: calc(100% - 10px);
		height: 152px;
    	overflow: hidden;
	}
	.rankItem:nth-child(n+1) .rankItemTxt {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 10px;
		margin: auto;
		width: calc(100% - 10px);
	}
}
/*高さを揃えるここまで*/


/*START Feature article
-------------------------------------------------*/
.featureWithThumb .featThumb {
	float:left;
	margin-right:10px;
}
.featureWithThumb .featThumb img {
	width:120px;
}
@media only screen and (max-width:400px){
	.featureWithThumb .featBtn {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
}
.casestudyWithThumb .caseThumb {
	margin-bottom:10px;
}
.casestudyWithThumb .caseThumb img {
	width:320px;
}
.casestudyWithThumb .caseTxt a {
	color:#707070;
}
.casestudyWithThumb .caseTxt a:hover {
	color:#000;
}
@media only screen and (max-width:999px){
	.casestudyWithThumb .caseThumb img {
	 	margin:0 auto;
		width:100%;
	}
	.casestudyWithThumb .caseBtn {
		text-align:center;
	}
}
ul.recipeThumb li {
	width:33.3%;
	float:left;
}
ul.recipeThumb li a {
	display:block;
}
ul.recipeThumb li img {
	width:100%;
}
/*@media only screen and (max-width:767px){
	ul.recipeThumb li {
		width:20%;
	}
}*/

/*START Whatsnew
-------------------------------------------------*/
.whatsNew ul li {
	margin-top:15px;
}
.whatsNew ul li a {
	color:#707070;
}
.whatsNew ul li a:hover {
	color:#000;
}
.whatsNew ul li:first-child {
	margin-top:0;
}
.whatsNew ul li {
	padding-left:110px;
	line-height:20px;
	position:relative;
}
.whatsNew ul li:before {
	display:block;
	font-size:11px;
	line-height:20px;
	text-align:center;
	color:#FFF;
	width:100px;
	height:20px;
	position:absolute;
	left:0;
	top:0;
}
.whatsNew ul li.newsIcon_info:before {
	content:"お知らせ";
	background-color:#01A982;
}
.whatsNew ul li.newsIcon_newpro:before {
	content:"新製品";
	background-color:#00E0AF;
	color: #000000;
}
.whatsNew ul li.newsIcon_old:before {
	content:"販売終了";
	background-color:#535C66;
}
.whatsNew ul li.newsIcon_cam:before {
	content:"キャンペーン";
	background-color:#62E5F6;
	color: #000000;
}
.whatsNew ul li.newsIcon_feat:before {
	content:"記事";
	background-color:#0070F8;
}
.whatsNew .newsDate,
.whatsNew .newsTxt {
	display:table-cell;
	vertical-align:top;
}
.whatsNew .newsDate {
	width:100px; 
}
.whatsNew ul.listC {
    margin-left: 1em;
    padding: 0;
}
.whatsNew ul.listC li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.whatsNew ul.listC li::marker {content: '・';}
@media only screen and (max-width:999px){
	.whatsNew ul li {
		padding-left:0;
	}
	.whatsNew .newsDate,
	.whatsNew .newsTxt {
		display:block;
	}
	.whatsNew .newsDate {
		padding-left:110px;
		margin-bottom:5px;
	}
}
.whatsNewBtn {
	text-align:right;
}
@media only screen and (max-width:999px){
	.whatsNewBtn {
		text-align:center;
	}
}
.newsTable tr {
	border-bottom:1px dotted #D4D8DB;
}
.newsTable tr:first-child {
	border-top:1px dotted #D4D8DB;
}
.newsTable th {
	background-color:#F7F7F7;
}
.newsTable th, .newsTable td {
	border-collapse: collapse;
	padding: 10px 5px;
	vertical-align: middle;
}

/*START Directplus merit
-------------------------------------------------*/
.directplusMerit {
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
}
.directplusEstimate_belt{
	background-color: #0070F8;
	color: #FFF;
}
.directplusMerit_belt{
	background-color: #292D3A;
}
.directplusEstimate_belt h2::after, .directplusMerit_belt h2::after{
	content: none;
}
.directplusMerit ul.meritList {
	width:100%;
	margin-bottom:5px;
}
.directplusMerit ul.meritList li {
	background:#FFF;
	width:232px;
	height:232px;
	float:left;
	margin-left:10px;
	box-sizing:border-box;
	position:relative;
}
.directplusMerit ul.meritList li:first-child {
	margin-left:0;
}
.directplusMerit ul.meritList li > a {
	display:block;
	width:100%;
	height:100%;
	padding:20px;
	box-sizing:border-box;
}
.directplusMerit ul.meritList li img {
	width:100%;
}
.directplusMerit ul.meritList li a span {
	position:absolute;
	bottom:40px;
	left:0;
	display:block;
	width:100%;
	padding:0 40px;
	box-sizing:border-box;
}
.directplusMerit .btn-tertiary{min-width: 200px;}
@media (max-width:999px){
	.directplusMerit ul.meritList {
		width:474px;
		margin:0 auto;
	}
	.directplusMerit ul.meritList li {
		margin-top:10px;
	}
	.directplusMerit ul.meritList li:first-child, .directplusMerit ul.meritList li:nth-child(2) {
		margin-top:0;
	}
	.directplusMerit ul.meritList li:nth-child(even) {
		margin-left:10px;
	}
	.directplusMerit ul.meritList li:nth-child(odd) {
		margin-left:0;
	}
}
@media only screen and (max-width:504px){
	.directplusMerit ul.meritList {
		width:232px;
	}
	.directplusMerit ul.meritList li {
		float:none;
	}
	.directplusMerit ul.meritList li:nth-child(even) {
		margin-left:0;
	}
	.directplusMerit ul.meritList li:nth-child(2) {
		margin-top:10px;
	}
}

/*START Contact us
-------------------------------------------------*/
.contactUs {
	padding-top:40px;
	padding-bottom:40px;
}
.contactUs .contactColumn {
	display:table;
	margin-bottom:5px;
}
.contactUs .contactColumn .left {
	display:table-cell;
	vertical-align:top;
	width:716px;
	background:#FFF;
	padding:20px 30px 20px 120px;
	box-sizing:border-box;
	position:relative;
}
.contactUs .contactColumn .right {
	display:table-cell;
	vertical-align:top;
	width:485px;
}
.contactUs .contactColumn .right > div {
	margin-left:10px;
	background:#FFF;
	padding:20px 30px 20px 120px;
	display:inline-block;
	height:100%;
	position:relative;
}
.contactUs .contactColumn .left:before, .contactUs .contactColumn .right > div:before {
	content:"";
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	left:30px;
	top:50%;
	margin-top:-30px;
	background-image:url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat:no-repeat;
	-webkit-background-size: 60px auto;
	-moz-background-size:    60px auto;
	-ie-background-size:     60px auto;
	-o-background-size:      60px auto;
	background-size:         60px auto;
}
.contactUs .contactColumn .left:before {
	background-position:0 0;
}
.contactUs .contactColumn .right > div:before {
	background-position:0 -70px;
}
@media only screen and (max-width:999px){
	.contactUs .contactColumn {
		display:block;
		width:100%;
	}
	.contactUs .contactColumn .left {
		display:block;
		width:100%;
		margin-bottom:10px;
		padding:80px 15px 15px 15px;
	}
	.contactUs .contactColumn .right {
		display:block;
		width:100%;
	}
	.contactUs .contactColumn .right > div {
		margin-left:0;
		width:100%;
		box-sizing:border-box;
		padding:80px 15px 15px 15px;
	}
	.contactUs .contactColumn .left:before, .contactUs .contactColumn .right > div:before {
		left:50%;
		top:15px;
		margin-left:-30px;
		margin-top:0;
	}
}
.contactUs .tel {
	font-size:16px;
}
.contactUs .tel .phone {
	display:inline-block;
	margin-left:20px;
	font-size:36px;
}
.contactUs .tel .cellPhone {
	display:inline-block;
	margin-left:20px;
	font-size:24px;
}
.contactUs .eMail span {
	display:block;
	margin-bottom:10px;
	font-size:16px;
}
@media only screen and (max-width:999px){
	.contactUs .tel .phone {
		display:block;
		margin-left:0;
	}
	.contactUs .tel .cellPhone {
		display:block;
		margin-left:0;
	}
	.contactUs .eMailBtn {
		text-align:center;
	}
}
.contactUsIconTel, .contactUsIconMail {
	padding-left:80px;
	position:relative;
}
.contactUsIconTel:before, .contactUsIconMail:before {
	content:"";
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	left:0;
	top:0;
	background-image:url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat:no-repeat;
	-webkit-background-size: 60px auto;
	-moz-background-size:    60px auto;
	-ie-background-size:     60px auto;
	-o-background-size:      60px auto;
	background-size:         60px auto;
}
.contactUsIconTel:before {
	background-position:0 0;
}
.contactUsIconMail:before {
	background-position:0 -70px;
}


/*START Footnote
-------------------------------------------------*/
ul.footnote li {
	margin-top:5px;
}
ul.footnote li:first-child {
	margin-top:0;
}
.footnoteWithThumb .footnoteThumb {
	float:left;
}
.footnoteWithThumb .footnoteTxt {
	margin-left:110px;
}
.footnoteWithThumb .footnoteTxt p span {
	display:inline-block;
	margin-bottom:5px;
}
@media only screen and (max-width:999px){
	.footnoteWithThumb .footnoteThumb {
		float:none;
		margin-bottom:10px;
	}
	.footnoteWithThumb .footnoteTxt {
		margin-left:0;
	}
}
.footLink {
	text-align:center;
}
.footLink ul {
	display:inline-block;
}
.footLink ul li {
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #D4D8DB;
}
.footLink ul li:first-child {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.footLink ul li a {
	color:#707070;
}
.footLink ul li a:hover {
	color:#000;
}
@media only screen and (max-width:999px){
	.footLink {
		text-align:left;
	}
	.footLink ul {
		display:block;
	}
	.footLink ul li {
		float:none;
		margin-left:0;
		padding-left:0;
		border-left:none;
	}
	.footLink ul li a {
		display:block;
		padding:10px 0;
		border-bottom:1px solid #D4D8DB;
		color:#000;
		font-size:13px;
	}
}

/*START Footnote intel
-------------------------------------------------*/
.footnoteIntel .intelLogo {
	float:left;
	width:65%;
}
.footnoteIntel .intelTxt {
	float:left;
	width:35%;
}
.footnoteIntel .intelLogo ul {
	margin-right:40px;
}
.footnoteIntel .intelLogo ul li {
	width:20%;
	float:left;
}
.footnoteIntel .intelLogo ul li img {
	margin: 0 auto;
}
.footnoteIntel .intelLogo ul li span {
	display: inline-block;
	margin-bottom:10px;
}

.footnoteIntel2 .intelLogo {
	float:left;
	width:100px;
	margin-right:40px;
}
.footnoteIntel2 .intelTxt {
	float:left;
	width:1060px;
}

/* インテル Xeon スケーラブル・プロセッサー搭載 windows icon&banner枠 */
.title_msgen10, .title_msgen11, .title_dl360gen10{display: none;}
.page.msgen10 .title_msgen10{	display: initial;}
.page.msgen11 .title_msgen11{	display: initial;}
.page.dl360gen10 .title_dl360gen10{	display: initial;}

@media only screen and (max-width:768px){
	.footnoteIntel .intelLogo ul li {
		width:50%;
		margin-top:20px;
	}
	.footnoteIntel .intelLogo ul li:first-child, .footnoteIntel .intelLogo ul li:nth-child(2) {
		margin-top:0;
	}
}

@media only screen and (max-width:999px){
	.footnoteIntel .intelLogo, .footnoteIntel .intelTxt {
		float:none;
		width:100%;
	}
	.footnoteIntel .intelLogo {
		margin-bottom:30px;
	}
	.footnoteIntel .intelLogo ul {
		margin-right:0;
	}
	.footnoteIntel2 .intelLogo, .footnoteIntel2 .intelTxt {
		float:none;
		width:100%;
	}
	.footnoteIntel2 .intelLogo {
		margin-bottom:10px;
	}
}

/*START Specs tab
-------------------------------------------------*/
.specsNav {
	text-align:center;
}
@media only screen and (max-width:768px){
	.specsNav {
		position:relative;
		height:83px;
	}
}
.specsNav ul {
	margin: 20px auto;
	border: 2px solid #425563;
	display:inline-block;
	box-sizing:border-box;
}
.specsNav ul li {
	border-left: solid 2px #425563;
	display:table-cell;
	vertical-align:middle;
	min-width:200px;
	color:#000;
	box-sizing:border-box;
}
.specsNav ul li:first-child {
	border-left: none;
}
.specsNav ul li a {
	display: block;
    padding: 10px;
}
.specsNav ul li.active a {
	color:#FFF;
}
.specsNav ul li.active {
	background-color:#425563;
}
.specsNav ul li:hover {
	background-color:#425563;
}
.specsNav ul li:hover a {
	color:#FFF;
}
/*.specsNav ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding:10px;
	box-sizing: border-box;
	color:#000;
	font-size:15px;
}*/
@media only screen and (max-width:768px){
	/*.specsNav ul {
		position:absolute;
		top:0;
		left:0;
	}*/
	.specsNav ul li {
		white-space:nowrap;
	}
}

@media only screen and (max-width:450px){
/*	.specsNav ul {
		width:290px;
	}
	.specsNav ul li {
		width:50%;
		min-width: initial;
	}*/
}

/*START Tabs
-------------------------------------------------*/
.tabs {
	text-align:center;
}
@media only screen and (max-width:768px){
	.tabs {
		position:relative;
		height:83px;
	}
}
.tabs ul {
	margin: 20px auto;
	border: 2px solid #425563;
	display:inline-block;
	box-sizing:border-box;
	transition: all .2s ease;
}
.tabs ul li {
	border-left: solid 2px #425563;
	display:table-cell;
	vertical-align:middle;
	min-width:200px;
	color:#000;
	box-sizing:border-box;
}
.tabs ul li:first-child {
	border-left: none;
}
.tabs ul li a {
	display: block;
    padding: 10px;
}
.tabs ul li.active a {
	color:#FFF;
}
.tabs ul li.active {
	background-color:#425563;
}
.tabs ul li:hover {
	background-color:#425563;
}
.tabs ul li:hover a {
	color:#FFF;
}
@media only screen and (max-width:768px){
	.tabs ul li {
		width:200px;
	}
}
/*
@media only screen and (max-width:450px){
	.specsNav ul {
		width:290px;
	}
	.specsNav ul li {
		width:50%;
		min-width: initial;
	}
}
*/

/*START Product page
-------------------------------------------------*/
.product {}

/* 製品名 */
.product__header {
	margin-bottom: 15px;
}
/*製品ページ　サブスク*/
.product .subscprice {
  text-align: center;
  padding: 10px 0 0;
  font-size: 12px;
}
/* 説明、製品画像 */
.product__descriptionWrapper {
	margin: 0 0 40px;
}
@media only screen and (min-width: 1000px) {
	.product__description {
		display: flex;
	}
	.product__description > .clm1 {
		flex-basis: 59%;
		margin-right: 2%;
	}
	.product__description > .clm2 {
		flex-basis: 39%;
	}
}

/* 説明、製品画像 v2 */
.product__description2Wrapper {}
.product__description2 > .clm1 {
	flex-basis: 39%;
	margin-bottom: 20px;
}
.noCampaign .product__description2Wrapper {
	margin-bottom: 40px;
}

@media only screen and (min-width: 1000px) {
	.product__description2Wrapper {
		margin: 0 0 40px;
	}
	.product__description2 {
		display: flex;
		margin-bottom: 20px;
	}
	.product__description2 > .clm1 {
		flex-basis: 39%;
		margin-bottom: 0;
		margin-right: 2%;
	}
	.product__description2 > .clm2 {
		flex-basis: 59%;
	}
}

/* 価格 */
.product__priceWrapper {
	margin: 0 0 40px;
}
.product__priceWrapper > *:not(:last-child) {
	/* キャンペーン情報が後に続くときのみ、間にボーダーを引く */
	border-bottom: 1px solid #D4D8DB;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
.product__price {
	display: flex;
	align-items: center;
}
.product__price > * {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (min-width: 1000px) {
	.product__price {
		align-items: stretch;
	}
	.product__price > * + * {
		border-left: 1px solid #D4D8DB;
	}
	.product__price .layout__show1000px {
		display: flex !important;
	}
}

/* 製品紹介文 */
.product__toc {
	margin-bottom: 40px;
}
.product__overview {
	margin-bottom: 40px;
}

/* キャンペーン */
.product__campaignWrapper {}
.product__campaignWrapper > *:not(:last-child) {
	border-bottom: 1px solid #D4D8DB;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
.product__campaign > *:not(:last-child) {
	margin-bottom: 20px;
}
.product__campaign__detailLink {
	margin-top: 15px;
}
@media only screen and (min-width: 415px) {
	.product__campaign {
		display: flex;
	}
	.product__campaign > * {
		flex: auto;
	}
	.product__campaign > *:first-child {
		flex-basis: 200px;
		flex-grow: 0;
		margin-right: 20px;
	}
	.product__campaign > *:nth-child(2) {
		flex-basis: calc(100% - 200px);
	}
	.product__campaign > *:not(:last-child) {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 1000px) {
	.product__campaignWrapper {
		padding-top: 20px;
		border-top: 1px solid #D4D8DB;
	}
	.product__campaign__detailLink {
		text-align: right;
	}
	.layout__show1000px .product__campaign__detailLink {
		text-align: left;
	}
}

/* 適用可能なキャンペーン */
.product__adaptableCampaignWrapper {
	border: 2px solid #D4D8DB;
	margin: 0 0 20px;
	padding: 20px;
}
.product__adaptableCampaignWrapper > *:not(:last-child) {
	border-bottom: 1px solid #D4D8DB;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.product__adaptableCampaign {
	text-align: center;
}
.product__adaptableCampaign > *:not(:last-child) {
	margin-bottom: 20px;
}
/*キャンペーン用ミニバナー
========================================================*/
.minbnr_txt {
  padding: 2px 0 0;
  font-size: 11px;
  background-color: #62E5F6;
  color: #000000;
}
/* 製品4つ以下の場合 */
tr:has(> :nth-child(-n+4):last-child) td .minbnr_txt {
	font-size: 11px;
}
/* 製品6つの場合 */
tr:has(> :nth-child(7):last-child) td .minbnr_txt{
    font-size: 9px;
}
/* 製品7つの場合 */
tr:has(> :nth-child(8):last-child) td .minbnr_txt{
    font-size: 8px;
}
/* 製品8つの場合 */
tr:has(> :nth-child(9):last-child) td .minbnr_txt{
    font-size: 7px;
}
.minbnr_storeeasy_yattane_campaign {
    width: 300px;
    height: 55px;
    /* background-color: aquamarine; */
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    border: 1px solid #D4D8DB;
    color: #fff;
    background-color: #ffffff;
}
.minbnr_storeeasy_yattane_campaign .minbnr_txt{
	padding: 0 0 0 8px;
	font-size: initial;
	background-color: initial;
}

.minbnr_storeeasy_yattane_campaign .minbnr_inr {height: 100%;background: url(/directplus_ent/images/banners/bnr_storeeasy1470.png);background-repeat: no-repeat;background-position: bottom 3px right 5px;background-size: auto 25px;z-index: 1;display: flex;align-items: center;}

.minbnr_storeeasy_yattane_campaign .minbnr_gradient {
    height: 100%;
    background: #7630ea;
    background: -moz-linear-gradient(top left, #01d9a6 0%, #7630ea 50%, #eb3474 100%);
    background: -webkit-gradient(linear, left top, right bottom, from(#01d9a6), color-stop(50%, #7630ea), to(#eb3474));
    background: -webkit-linear-gradient(top left, #01d9a6 0%, #7630ea 50%, #eb3474 100%);
    background: -o-linear-gradient(top left, #01d9a6 0%, #7630ea 50%, #eb3474 100%);
    background: linear-gradient(135deg, rgba(1, 217, 166, 1) 0%, rgba(118, 48, 234, 1) 50%, rgba(235, 52, 116, 1) 100%);
    background-size: 230px 100%;
    background-repeat: no-repeat;
    z-index: -10;
}
/*minbnr spec table*/
/*.xxx.campaign_minbnr {
  background: #eb3474;
  background: -moz-linear-gradient(bottom left, #ffc800 0%, #eb3474 50%, #8219f3 100%);
  background: -webkit-gradient(linear, left bottom, right top, from(#ffc800), color-stop(50%, #eb3474), to(#8219f3));
  background: -webkit-linear-gradient(bottom left, #ffc800 0%, #eb3474 50%, #8219f3 100%);
  background: -o-linear-gradient(bottom left, #ffc800 0%, #eb3474 50%, #8219f3 100%);
  background: linear-gradient(45deg, rgba(255,200,0,1) 0%, rgba(235,52,116,1) 50%, rgba(130,25,243,1) 100%);
  position: relative;
  color: #ffffff;
  padding: 4px 5px;
  background-size: 83% 100%;
  background-repeat: no-repeat;
  line-height: 1.2;
  font-size: 23px;
  font-weight: bold;
  width: 320px;
  box-sizing: border-box;
}*/
/*.xxx.campaign_minbnr::after {
  content: '';
  position: absolute;
  background-image: url(/directplus_ent/images/banners/xxx.jpg);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}*/
.minbnr_storeeasy_yattane_campaign.spectable {}

.minbnr_storeeasy_yattane_campaign.storeeasytablebnr {
    width: 100%;
    height: 28px;
    font-size: 63%;
    background-color: #ffffff;
}

.minbnr_storeeasy_yattane_campaign.storeeasytablebnr .minbnr_gradient {
    background-size: 75% 100%;
}

.minbnr_storeeasy_yattane_campaign.storeeasytablebnr .minbnr_inr {
    background-size: auto 30%;
}

.minbnr_storeeasy_yattane_campaign.storeeasytablebnr .minbnr_txt {
    padding: 2px 2px 2px 2px;
}
@media (max-width: 500px){
	.campaign_minbnr ,.minbnr_txt{}
}
/*キャンペーン用ミニバナー end*/
@media only screen and (min-width: 768px) {
	.product__adaptableCampaign {
		text-align: left;
	}
	.product__adaptableCampaign {
		display: flex;
		align-items: center;
	}
	.product__adaptableCampaign > * {
		flex: 1;
		flex-basis: 100%;
		flex-wrap: wrap;
		text-align: center;
	}
	.product__adaptableCampaign > *:not(:last-child) {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 1000px) {
	.product__adaptableCampaign > * {
		flex: 1;
		flex-wrap: nowrap;
	}
}

/* オプ得 */
.product__optokuWrapper {
	margin: 0 0 40px;
	padding: 20px;
}
.product__optoku > *:not(:last-child) {
	margin-bottom: 15px;
}
@media only screen and (min-width: 415px) {
	.product__optoku {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.product__optoku > * {
		flex: auto;
		flex-grow: 0;
	}
	.product__optoku > *:first-child {
		flex-basis: calc(60% - 20px);
	}
	.product__optoku > *:last-child {
		flex-basis: 40%;
	}
	.product__optoku > *:not(:last-child) {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 768px) {
	.product__optoku > *:first-child {
		flex-basis: calc(100% - 320px);
	}
	.product__optoku > *:last-child {
		flex-basis: 300px;
	}
}
@media only screen and (min-width: 1000px) {
	.product__optoku > *:first-child {
		flex-basis: 62%;
	}
	.product__optoku > *:last-child {
		flex-basis: 300px;
	}
}

/* キャンペーン実施状況で表示非表示 */
.hasCampaign .showOnly_duringCampaign {
	display: block;
}
.hasCampaign .hide_duringCampaign,
.noCampaign .showOnly_duringCampaign {
	display: none;
}

/* 画面サイズで表示非表示 */
*[class^="layout__show"],
*[class*=" layout__show"] {
	display: none !important;/* デフォルト(表示しない) */
}
.layout__show999px {
	display: block !important;/* 切り替えまではこれを表示 */
}
@media only screen and (min-width: 1000px) {
	/* 1000px以上で表示/非表示切替 */
	*[class^="layout__show"],
	*[class*=" layout__show"] {
		display: none !important;
	}
	.layout__show1000px {
		display: block !important;
	}
}
.hasCampaign *[class*="layout__show"].hide_duringCampaign,
.noCampaign *[class*="layout__show"].showOnly_duringCampaign {
	display: none !important;
}


/*START About Models
-------------------------------------------------*/
.aboutModels {
	margin-top: 20px;
	margin-bottom: 20px;
}
.aboutModel {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.aboutModel:not(:last-child) {
	margin-bottom: 15px;
}
.aboutModelLabel {
	flex: 1;
	flex-basis: 20%;
	font-size: 15px;
	font-weight: bold;
}
.aboutModelDetail {
	flex: 1;
	flex-basis: 80%;
}
.aboutModelLabel.hasCampaign {
	flex-basis: 22%;
}
.aboutModelDetail.hasCampaign {
	flex-basis: 78%;
}
@media only screen and (min-width: 1000px) {
	.aboutModels {
		margin-top: 0;
		padding-top: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.aboutModel {
		flex-wrap: wrap;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.aboutModelLabel,
	.aboutModelDetail {
		flex-basis: 100%;
	}
}


/*START Specs table
-------------------------------------------------*/
.specsTabContent {
	margin-bottom:40px;
}
table.specTable {
	margin-bottom:20px;
	position: relative;
	line-height: 1.4;
	background-color: #ffffff;
}
table.specTable th a {
	color:#FFF;
}
table.specTable th, table.specTable td {
	border:1px solid #D4D8DB;
	border-collapse:collapse;
	padding:5px 5px;
	font-size:12px;
	box-sizing:border-box;
}
.servertop table.specTable td:nth-child(odd) {
	background-color:#F7F7F7;
}
#msagen7 table.specTable td:nth-child(odd) {
	background-color:#ffffff;
}
.servertop table.specTable td:nth-child(2n){
	background-color: #ffffff;
}
table.specTable th, .optokuTable table th, #Compare .table th{
	background-color:#292D3A;
	color:#FFF;
	vertical-align:middle;
}
.storagetop table.specTable th {
  height: 3em;
/*  min-height: 3em;
  max-height: fit-content;*/
}
table.specTable td img {
	margin:0 auto;
	z-index: 0;
}
table.specTable .spTable .specRow {
	display:block;
	border-bottom:1px solid #D4D8DB;
}
table.specTable .spTable .specRow {
	display:none;
}
/* specTable price */
table.specTable .price {
	display:block;
	margin-bottom:10px;
}
.specTableLinkS{
	font-size: 12px;
	font-weight: normal;
}
.specTableLinkS p{
	font-size: 12px;
	font-weight: normal;
}
.specTableLinkS .price{
	font-size: 12px;
}
.specTableLinkS .price:first-child span {
    font-weight: bold;
    font-size: 14px;
}
.specTableLinkS .price:not(:last-child) span{
	font-size: 14px;
	font-weight: bold;
}
.specTableLinkS .price p:not(:last-child) span{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.specTableLinkS .price:first-child p:only-child span{
  font-size: 18px;
}
.specTableItem a.tertiary-link , table.specTable a.tertiary-link {
	/* 改行しない短いリンクにだけ適用可 */
    margin-bottom:1px;
    display:inline-block;
}
table.specTable .price a, table.specTable .specTableLinkS a {
	/*color:#707070;*/
}
table.specTable .price a:hover, table.specTable .specTableLinkS a:hover {
	/*color:#000;*/
}
/* specTable price end */

table.specTable .productImg {
	width:100%;
	max-width:100px;
}
table.specTable .specTableCpmBnr a {
	display:block;
	width:100%;
	max-width:200px;
	margin:0 auto;
}
table.specTable .specTableCpmBnr img {
	width:100%;
}
table.specTable .campPrc01 {
	font-size:11px;
	text-align:center;
	line-height:25px;
	color:#FFF;
	font-weight:bold;
	background-color:#000;
	display:block;
	width:100%;
}

.vTop    {vertical-align:top !important;}
.vMiddle {vertical-align:middle!important;}
.vBottom {vertical-align:bottom!important;}
table.specTable td {vertical-align:top;}
table.specTable .cta-link {padding:0 0 0 1.4em;}

/*table.specTable .secsIcon {
	position:relative;
}
table.specTable .secsIcon:before {
	content:"";
	display:block;
	width:30px;
	height:30px;
}*/
table.specTable .secsIcon:before {
	content:"";
	display:block;
	width:40px;
	height:40px;
	margin:0 auto 10px;
	background-image:url('/directplus_ent/server/images/spectable_icon.png');
	background-repeat:no-repeat;
	background-size:40px;
}

table.specTable .secsIcon.iconProsessor:before {
	background-position:0 0;
}
table.specTable .secsIcon.iconMemory:before {
	background-position:0 -40px;
}
table.specTable .secsIcon.iconDrive:before {
	background-position:0 -80px;
}
table.specTable .secsIcon.iconDiscController:before {
	background-position:0 -120px;
}
table.specTable .secsIcon.iconNetwork:before {
	background-position:0 -160px;
}
table.specTable .secsIcon.iconPower:before {
	background-position:0 -200px;
}
table.specTable .secsIcon.iconRemote:before {
	background-position:0 -240px;
}
table.specTable .secsIcon.iconSupport:before {
	background-position:0 -280px;
}
table.specTable .secsIcon.iconMaintenance:before {
	background-position:0 -320px;
}
table.specTable .secsIcon.iconEducation:before {
	background-position:0 -360px;
}

.responsiveTable th, .responsiveTable td {
	border:solid 1px #D4D8DB;
	border-collapse:collapse;
	padding:10px 5px;
	vertical-align:middle;
	font-size:12px;
	text-align:center;
}
.responsiveTable th {
	background-color:#0D5265;
	color:#FFF;
}

ul.serverSpecList {
	margin-bottom:20px;
	width:100%;
}
ul.serverSpecList li {
	float:left;
	width:12%;
	padding-left: 1em;
	text-indent: -1em;
	box-sizing: border-box;
	text-align:center;
	padding-bottom: 10px;
	height: 6em;
}
ul.serverSpecList li:before {
	content:"・";
	display:inline;
}
/*製品ページ*/
.product_MainImg{
}
.specTable2 {
	width:1000px;
}
/*製品スペック表*/
.specTable2 .btn-secondary {
	min-width: 150px;
	margin: 0 5px;
}
.specTable2 table tr td.bgW {
	background-color: #FFFFFF !important;
}
.specTable2 table tr td.bgG {
	background-color: #F7F7F7 !important;
}
.specTable2 table {
	font-size:12px;
	line-height:1.4;
}
.specTable2 table tr th,
.specTable2 table tr td {
	padding:7px 0;
}
.specTable2 table tr td {
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #D4D8DB;
}
.specTable2 table tr:nth-child(2) td {
	border-top:1px solid #D4D8DB;
}
.specTable2 table tr th {
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
	padding-right:10px;
}
.specTable2 table tr:first-child th {
	font-size:14px;
	text-align:center;
	padding-right:0;
}
.specTable2 table tr:nth-child(odd) td {
	background-color:#F7F7F7;
}
.specTable2 table tr td.whiteCell {
	background-color:#FFF;
}
.specTable2 table tr td,
.specTable2 table tr:first-child th {
	border-right:1px dotted #D4D8DB;
}
.specTable2 table tr:first-child th:first-child,
.specTable2 table tr:first-child th:last-child {
	border-right:none;
}
.specTable2 table tr td:last-child {
	border-right:none;
}
.specTable2 table tr td:last-child {
	border-right:none;
}
.specTable2.title2lines table tr:nth-child(3) td {
	border-top:1px solid #D4D8DB;
}
.title2lines .specTableTitle tr:first-child th {
	border-bottom: none;
}
.specTable2.title2lines table tr:nth-child(2) th {
	border-right:1px dotted #D4D8DB;
}
.specTable2.title2lines table tr:nth-child(2) th {
	font-size:14px;
	text-align:center;
	padding-right:0;
}
.specTable2.title2lines table tr:nth-child(2) th:first-child,
.specTable2.title2lines table tr:nth-child(2) th:last-child {
	border-right:none;
}
.specTable2.title2lines table tr:first-child th {
	padding-bottom: 0;
}
.specTable2.title2lines table tr:nth-child(even) td {
    background-color: #F7F7F7;
}
.specTable2.title2lines table tr:nth-child(odd) td {
    background-color: #FFF;
}
.specTable2 tr.campaign td{
	vertical-align: inherit;
}
/*製品スペック表キャンペーンミニバナー*/
.specTable2 .specTableCpmBnr a{
	display: inline-block;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
/*製品スペック表キャンペーンミニバナー end*/
.cutomizable {
	font-size:10px;
	color:#FFF;
	padding:3px 10px;
	background-color:#7764FC;
	display:block;
	max-width:110px;
	margin:0 auto 5px;
}
.cutomizable2 {
	font-size:10px;
	color:#FFF;
	padding:3px 10px;
	background-color:#7764FC;
	display:inline-block;
	max-width:110px;
	margin:0 15px 0 0;
}


.specTableTitle {
	position:fixed;
	top:0;
	width:1000px;
	z-index:1000;
	display:none;
}
.fixed .specTableTitle {
	display:block;
}
.tableFixed .specTableTitle {
	display:block;
}
.specTableTitle th,
.specTableTitle td {
	background-color:#FFF;
	border-bottom:1px solid #D4D8DB;
}
#CustomizeOrder .specTable2 a {
	min-width: calc(110px - 10px);
    margin: 0 5px;
    box-sizing: border-box;
}
#CustomizeOrder .specTable2 .campaign_minbnr a{
	display: inline-block;
}
table tr td.Bdrbtm_none {
  border-bottom: none;
}
/*製品比較テーブル Compare*/
#Compare .table th, #Compare .table th{
	border: solid 1px #D4D8DB;
	padding: 10px 5px;
	vertical-align: middle;
}
#Compare .table tr:nth-child(odd) td{
	background-color: #F7F7F7;
}
#Compare .table tr:nth-child(even) td{
	background-color: #FFF;
}
#Compare .table a{
	color: #000;
}
@media only screen and (max-width:999px){
	table.specTable th a {
		color:#000;
	}
	table.specTable {
		margin-bottom:0;
	}
	table.specTable th,
	table.specTable td {
		display:block;
		width:100%;
		margin:0 auto;
		border:none;
		padding:0;
		margin-bottom:20px;
		float:left\9;
	}
	table.specTable th {
		background-color:#FFF;
		color:#000;
		text-align:left;
	}
	table.specTable th:not(.spTable),
	table.specTable td:not(.spTable) {
		display:none;
	}
	table.specTable .productTitle {
		display:block;
		font-size:18px;
		margin-bottom:10px;
		border-bottom:4px solid #425563;
		padding:0 0 5px 0;
	}
	table.specTable .spProductDetail {
		margin-bottom:40px;
	}
	table.specTable .spTable .specRow {
		display:block;
		border-bottom:1px solid #D4D8DB;
		padding:10px 0;
	}
	table.specTable .spTable .specRow .specTitle {
		display:block;
		font-size:15px;
		margin-bottom:5px;
	}
	table.specTable .spTable .specRow .specTitle:after {
		content:"：";
		display:inline;
	}
	table.specTable .spTable .specRow .specDetail {
		display:block;
		font-size:14px;
	}
	table.specTable .spTable .specRow img {
		margin:0 auto;
	}
	table.specTable .spTable .specRow .specTableLinkS {
		font-size:14px;
	}
	table.specTable .spTable .specRow .price br {
		display:none;
	}
	table.specTable .pcBr {
		display:none;
	}
	table.specTable .secsIcon:before {
		display:none;
	}
/* レスポンシブテーブル */
	.responsiveTable th, .responsiveTable td {
		display:block;
		border:none;
		padding:0;
		font-size:14px;
		text-align:left;
	}
	.responsiveTable td:before {
		content:"・";
		display:inline;
	}
	.responsiveTable tr {
		display:block;
		margin-bottom:25px;
	}
	.responsiveTable tr:last-child {
		margin-bottom:0;
	}
	.responsiveTable tr:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}
	.responsiveTable th {
		background-color:#FFF;
		color:#000;
		width:100%;
		font-size:18px;
		text-align:left;
	}
	.responsiveTable td {
		width:50%;
		float:left;
		margin-top:10px;
	}
	.responsiveTable .spNonDisplay {
		display:none;
	}
/*serverSpecList*/
	ul.serverSpecList li {
		width:50%;
		margin-top:10px;
		text-align:left;
	}
	ul.serverSpecList li:first-child {
		float:none;
		width:100%;
		margin-top:0;
	}
	.specTable2Area {
		overflow:scroll;
	}
	/*製品比較テーブル Compare*/
	#Compare table{
		width: 1000px;
	}
	#Compare .table{
		overflow: scroll;
		width: 100%;
	}
}
/* spec table icon */
*:has(>.newlabel){position: relative;}
.lineupSelector .newlabel::after {
	content: "新製品";
	background-color: #c140ff;
	color: #ffffff;
	position: absolute;
	top: -10px;
	right: 0;
	width: 100px;
	height: 24px;
	line-height: 25px;
	font-size: 14px;
	font-weight: normal;
}
*:has(>.newicon){position: relative;z-index: 1;}
.specTableArea .newicon::after {
	content: "新製品";
	position: absolute;
	width: 50px;
	height: 30px;
	display: inline-block;
	top: 0;
	right: 0;
	border-radius: 0 0 0 20px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	background-color: #c140ff;
	font-size: 12px;
	font-weight: normal;
	z-index: -1;
}
/*table header sticky テーブル内TOP固定*/
/*
class="sticky_end"
class="sticky_title"
class="sticky_title02"
class="sticky_productimg"
class="sticky_campaign"
class="sticky_price"
*/
table.specTable .sticky_title td, table.specTable .sticky_title th{
	position: -webkit-sticky;
    position: sticky;
    top: -1px;
    left: 0;
    z-index: 2;
    pointer-events: none;
}
/*server*/
.specTower table.specTable .sticky_title th, .specRack table.specTable .sticky_title th, .specEdge table.specTable .sticky_title th{	height: 65px;}
table.specTable .sticky_productimg td, table.specTable .sticky_productimg th{
	position: -webkit-sticky;
    position: sticky;
    top: 64px;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
table.specTable .sticky_campaign th, table.specTable .sticky_campaign td{
	position: -webkit-sticky;
  position: sticky;
  top: 159px;
  left: 0;
  box-sizing: border-box;
}
.campaign table.specTable .sticky_price th, .campaign table.specTable .sticky_price td{
	position: -webkit-sticky;
    position: sticky;
/*    top: 220px;*/
    left: 0;
    box-sizing: border-box;
    border: 1px solid #D4D8DB;
    z-index: 1;
    border-bottom: none;
}
table.specTable .sticky_price th, table.specTable .sticky_price td{
	position: -webkit-sticky;
    position: sticky;
/*    top: 156px;*/
    left: 0;
    box-sizing: border-box;
    border: 1px solid #D4D8DB;
    z-index: 1;
}
.specRack table.specTable .sticky_campaign th, .specRack table.specTable .sticky_campaign td{
  top: 155px;
}
.campaign .specRack table.specTable .sticky_price th, .campaign .specRack table.specTable .sticky_price td{
    top: 209px;
}
.specRack table.specTable .sticky_price th, .specRack table.specTable .sticky_price td{
    top: 155px;
}
.specRack table.specTable:nth-of-type(2) .sticky_price th,
 .specRack table.specTable:nth-of-type(2) .sticky_price td{
    top: 158px;
    z-index: 0;
}
.specRack table.specTable:nth-of-type(3) .sticky_price th,
 .specRack table.specTable:nth-of-type(3) .sticky_price td{
    top: 158px;
    z-index: 0;
}

table.specTable .sticky_productimg td::after, table.specTable .sticky_productimg th::after,
table.specTable .sticky_title td::after, table.specTable .sticky_title th::after,
.sticky_campaign th::before, .sticky_campaign td::before,
.sticky_price th::before, .sticky_price td::before{
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: -1;
        width: 100%;
        height: calc(100%);
        border-bottom: 1px solid #D4D8DB;
        border-right: 1px solid #D4D8DB;
        box-sizing: border-box;
}
.sticky_title a, .sticky_productimg a, .sticky_title02 a{	pointer-events: auto;}
/*storage*/
.storagetop table.specTable .sticky_title {   position: static;}
.storagetop table.specTable .sticky_title td::before, .storagetop table.specTable .sticky_title th::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 0px);
    z-index: -1;
    box-sizing: border-box;
    background-color: #292D3A;
}
.storagetop table.specTable .sticky_title th {z-index: 3;}
.storagetop table.specTable .sticky_title02 th {
	position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: -1px;
    left: 0;
}
.storagetop table.specTable .sticky_title02 th:before {
    content: "";
    background-color: #292D3A;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.storagetop .sticky_title02 {
	position: -webkit-sticky;
    position: sticky;
    top: 35px;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
}
.storagetop table.specTable .sticky_productimg td, .storagetop table.specTable .sticky_productimg th{
	top: 70px;
}
.storagetop table.specTable .sticky_price th, .storagetop table.specTable .sticky_price td{
	top: 163px;
}
.msa table.specTable .sticky_price th, .msa table.specTable .sticky_price td{
		top: 161px;
}

.storagetop table.specTable .sticky_productimg td{background-color:#ffffff;}
#msagen6 table.specTable .sticky_price td:nth-child(-n+3),
#msagen6 .sticky_price td:nth-child(-n+4),
#msagen6 .sticky_price td:nth-child(4){    background-color:#ffffff;}
.storagetop .sticky_productimg.stickybg01 td:nth-child(n+4){	background-color:#F7F7F7;}
#msagen6 .sticky_price td:nth-child(n+5),
#msagen6 table.specTable .sticky_price td:nth-child(3),
#msagen6 .sticky_productimg.stickybg02 td:nth-child(n+5),
#msagen6 .sticky_productimg.stickybg02 td:nth-child(3) {    background-color:#F7F7F7;}
.storagetop .sticky_title02 th::after {
content: "";
position: absolute;
top: 1px;
left: 1px;
z-index: -1;
width: 100%;
height: calc(100%);
border-bottom: 1px solid #D4D8DB;
border-right: 1px solid #D4D8DB;
box-sizing: border-box;
}
.storagetop .sticky_title02 td::after {
content: "";
position: absolute;
top: 1px;
left: 1px;
z-index: -1;
width: 100%;
height: calc(100%);
border-bottom: 1px solid #D4D8DB;
border-right: 1px solid #D4D8DB;
box-sizing: border-box;
}
/*storage campaign ver*/
.storagetop .noCampaign .sticky_campaign{
 display: none;
}
.storagetop .sticky_campaign td:nth-child(-n+3){background-color:#ffffff;}

/*tbodyまるごとsticky*/
tbody.sticky_tbody {
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-bottom: #D4D8DB 1px solid;
    background-color: #D4D8DB;
    z-index: 10;
}
#msagen7 table.specTable .sticky_tbody td{
	background-color: #ffffff;
}
tbody.sticky_tbody:after{
    content:"";
    position:absolute;
    top: 0px;
    left: 0;
    box-sizing: border-box;
    background-color: #D4D8DB;
    width: 100%;
    height: calc(100% - 0px);
    z-index: -1;
}
 tbody.sticky_tbody tr, tbody.sticky_tbody tr:last-child th, tbody.sticky_tbody tr:last-child td{
    border-bottom: none;
}
/*START NAS banner
-------------------------------------------------*/
.Bnr {
	border: 1px solid #D4D8DB;
	background-repeat: no-repeat;
	position: relative;
	display: block;
}
.Bnr.NasNo1{
	background-image: url('/directplus_ent/images/banners/bnr_bg_idc_nas_no1_fy23q3.jpg');
	background-size: cover;
}
.NasNo1 {
	border: 2px solid #D4D8DB;
	box-sizing: border-box;
}
.NasNo1Inr {
	box-sizing: border-box;
	margin: 10px;
}

.NasNo1Ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
}
.NasNo1Txt{
	font-size:13px;
	line-height:1.4;
	margin-right: 10px;
}
.NasNo1Note {
	font-size: 10px;
	line-height: 1.4;
	margin: 10px 0;
}
@media (max-width:999px){
	.NasNo1 img {
	width: 70%;
	padding: 10px 0;
	}
}
/*START server top informations 関連情報
-------------------------------------------------*/
.servertop .informations {
	font-size: 12px;
}
.servertop .information {
	display: flex;
	align-items: baseline;
}
.servertop .information-label {
	flex: 0 0 11em;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	background-color: #7764FC;
}
.servertop .information:not(:last-child) {
	margin-bottom: 10px;
}
/*START Purpose
-------------------------------------------------*/
.purposeLead .purposeLeadThumb,
.purposeLead .purposeLeadTxt {
	float:left;
}
.purposeLead .purposeLeadThumb {
	width:150px;
}
.purposeLead .purposeLeadTxt {
	width:850px;
}
.purposeLead .purposeLeadThumb img {
	width:100px;
	margin:0 auto;
}
.selectionPointTable {
	width:100%;
}
.selectionPointTable .table {
	width:1000px;
}
.bnr_see_also{
	margin-top: 10px;
	display: block;
	font-size: 12px;
}
.purposeLeadTxt .bnr_see_also_inr {
	background: url(/directplus_ent/images/banners/bnr_aI_texture_16_9_w850.webp);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px;
	position: relative;
	z-index: -1;
	border: 1px #D4D8DB solid;
	background-size: cover;
}
.purposeLeadTxt .bnr_see_also_inr::after{
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: inline-block;
	position: absolute;
	background: #d7fff7;
	background: -moz-linear-gradient(top left, #ffffff 50%, transparent 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(transparent));
	background: -webkit-linear-gradient(top left, #ffffff 50%, transparent 100%);
	background: -o-linear-gradient(top left, #ffffff 50%, transparent 100%);
	background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
	background-repeat: repeat;
	background-size: auto;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: -1;
}
.selectionPointTable .table th,
.selectionPointTable .table td {
	border:solid 1px #D4D8DB;
	border-collapse:collapse;
	padding:5px 5px;
	vertical-align:middle;
}
/*tr color select pages*/
.page.file tr.selectfile th, .page.file tr.selectfile td,
.page.virtualhost tr.selectvirtualhost th, .page.virtualhost tr.selectvirtualhost td,
.page.webapp tr.selectwebapp th, .page.webapp tr.selectwebapp td,
.page.database tr.selectdatabase th, .page.database tr.selectdatabase td,
.page.sds tr.selectsds th, .page.sds tr.selectsds td,
.page.edge tr.selectedge th, .page.edge tr.selectedge td,
.page.ai tr.selectai th, .page.ai tr.selectai td{
background-color: #01A982;
color: #FFF;
}
.page.file tr.selectfile td,
.page.virtualhost tr.selectvirtualhost td,
.page.webapp tr.selectwebapp td,
.page.database tr.selectdatabase td,
.page.sds tr.selectsds td,
.page.edge tr.selectedge td,
.page.ai tr.selectai td{
font-weight: bold;
}
.page.file tr.selectfile th a,
.page.virtualhost tr.selectvirtualhost th a,
.page.webapp tr.selectwebapp th a,
.page.database tr.selectdatabase th a,
.page.sds tr.selectsds th a,
.page.edge tr.selectedge th a,
.page.ai tr.selectai th a{
	border: none;
    color: #ffffff !important;
    pointer-events: none;
    font-weight: bold;
}
/*記号文字*/
.selectionPointTable span.triangle {    font-size: 16px;}
.selectionPointTable span.circle {    font-size: 16px;}
.selectionPointTable span.doublecircle {    font-size: 20px;}

.purpuseRelatedLink .clm1,
.purpuseRelatedLink .clm2,
.purpuseRelatedLink .clm3 {
	display:table-cell;
}
.purpuseRelatedLink .clm1 {
	width:140px;
	vertical-align:top;
}
.purpuseRelatedLink .clm2 {
	width:812px;
	vertical-align:top;
}
.threeColumnLinkList > ul {
	padding: 10px 15px;
}
.threeColumnLinkList > ul > li {
    float: left;
    width: 33%;
}
.purposeRecommendMenu {
	width:100%;
}
.purposeRecommendMenu > .clm1,
.purposeRecommendMenu > .clm2{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:15px 20px;
}
.purposeRecommendMenu > .clm1:has( + .clm2 + div.clm3 ),
.purposeRecommendMenu > .clm2:has( + div.clm3 ),
.purposeRecommendMenu > .clm3 {
	float:left;
	width: 33%;
	box-sizing:border-box;
	padding:15px 10px;
}
.purposeRecommendMenu > .clm2, .purposeRecommendMenu > .clm3 {
	border-left: 1px solid #D4D8DB;
}
.purposeRecommendFixMenu {
	border-bottom:1px solid #D4D8DB;
	background:#ffffff;
	z-index:100;
	width: 1000px;
	position:fixed;
	top:-80px;
	transition: 0.3s;
}
.purposeRecommendFixMenu.menuFix {
	top:0;
}
.purposeRecommendFixMenu:has(div.clm3) {top: -100px;}
.purposeRecommendFixMenu:has(div.clm3).menuFix {top: 0;}
.purposeRecommendFixMenu .clm1, 
.purposeRecommendFixMenu .clm2 {
	float:left;
	width:500px;
	height:80px;
	box-sizing:border-box;
	padding:10px 20px 10px 100px;
	position:relative;
}
.purposeRecommendFixMenu .clm1:has( + .clm2 + div.clm3 ),
.purposeRecommendFixMenu .clm2:has( + div.clm3 ),
.purposeRecommendFixMenu .clm3{
	width: calc( 33% - 0px);
	display: flex;
	padding: 10px 5px 5px 80px;
	box-sizing: border-box;
	position: relative;
	line-height: 1.4;
	height: 100px;
	box-sizing: border-box;
	position: relative;
}
.purposeRecommendFixMenu > div:first-child {
	border-right:1px solid #D4D8DB;
}
.purposeRecommendFixMenu > div:nth-child(3){
	border-left:1px solid #D4D8DB;
}
.purposeRecommendFixMenu .clm1:before, 
.purposeRecommendFixMenu .clm2:before {
	content:"";
	display:block;
	width: 60px;
	height:60px;
	position:absolute;
	top:10px;
	left:20px;
}
.purposeRecommendFixMenu .clm1:before {
	background-image: url('/directplus_ent/images/icon/icon_tower.svg');
}
.purposeRecommendFixMenu .clm2:before {
	background-image: url('/directplus_ent/images/icon/icon_rack.svg');
}
.purposeRecommendFixMenu .clm3::before {
	background-image: url('/directplus_ent/images/icon/icon_storage_b.svg');
}
.purposeRecommendFixMenu .clm1:before,
.purposeRecommendFixMenu .clm2:before {
	background-repeat:no-repeat;
	background-size:60px 60px;
}
.purposeRecommendFixMenu .clm1:has( + .clm2 + div.clm3 )::before,
.purposeRecommendFixMenu .clm2:has( + div.clm3 )::before,
.purposeRecommendFixMenu .clm3::before{
  left: 10px;
  top: 15px;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
}
.purposeRecommendFixMenu .title {
	display:inline-block;
	font-size:18px;
	text-align:center;
	margin-right:10px;
}
.purposeRecommendFixMenu .scale {
	font-size:18px;
}
.purposeRecommendFixMenu .clm1:has( + .clm2 + div.clm3 ) .title ,
.purposeRecommendFixMenu .clm2:has( + div.clm3 ) .title ,
.purposeRecommendFixMenu .clm3 .title,
.purposeRecommendFixMenu .clm1:has( + .clm2 + div.clm3 ) .scale ,
.purposeRecommendFixMenu .clm2:has( + div.clm3 ) .scale ,
.purposeRecommendFixMenu .clm3 .scale{
  font-size: 15px;
}
.purposeRecommendFixMenu .links {
	display:block;
}
.purposeRecommendFixMenu .links a {
	display:inline-block;
	margin-right:15px;
}
.purposeRecommendProducts .img_container{
	width: 300px;
	height: 200px;
	display: flex;
	align-items: flex-end;
	/*background-image: url(/directplus_ent/images/icon/icon_recommend.svg);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	background-size: 120px 120px;*/
}
.purposeRecommendProducts .img_container:has(.tower_tall){
	height: 240px;
}
.purposeRecommendProducts .img_container:not(:has(.optok_sticker,.tower_tall,.campaign_sticker)) {
	height: 165px;
}
.img_container:has(.tower_low) img {
  max-width: 170px;
}
.purposeRecommendProducts .table th, .purposeRecommendProducts .table td{
	padding:0px 5px;
}
.purposeRecommendProducts .product_number {
  background-color: #F7F7F7;
  text-align: center;
  margin-top: 10px;
}
.purposeRecommendProducts .btnitem p {
  margin-top: 5px;
}
/*カラー*/
.purposeRecommendTower10, .purposeRecommendRack10{
	background-color: #00E0AF;
	color: #000000;
}
.purposeRecommendTower100, .purposeRecommendRack100{
	background-color: #0070F8;
	color: #ffffff;
}
.purposeRecommendTower250, .purposeRecommendRack250{
	background-color: #7764FC;
	color: #ffffff;
}
.purposeRecommendTower250over,.purposeRecommendRack250over{
	background-color: #3E4550;
	color: #ffffff;
}
.purposeRecommendTowertiny, .Racktiny{
	border: 4px solid #00E0AF;
	box-sizing: border-box;
}
.purposeRecommendTowersmall, .Racksmall{
	border: 4px solid #0070F8;
	box-sizing: border-box;
}
.purposeRecommendTowercompact, .Rackcompact{
	border: 4px solid #7764FC;
  	box-sizing: border-box;
}
.purposeRecommendTowermiddle, .Rackmiddle{
	border: 4px solid #3E4550;
	box-sizing: border-box;
}
.purposeRecommendTowerbig, .Rackbig{
	border: 4px solid #01A982;
	box-sizing: border-box;
}
.page.ai .gpu_banner {
	background-image:  url(/directplus_ent/library/servers/images/data_slice_D_v07_alt_print_16_9.jpg);
	background-size:  cover;
	color: #ffffff;
}
@media only screen and (max-width: 999px) {
	.purposeLead .purposeLeadThumb,
	.purposeLead .purposeLeadTxt {
		float:none;
		width:100%;
	}
	.purposeLead .purposeLeadThumb {
		margin-bottom:20px;
	}
	.selectionPointTable {
		overflow:scroll;
	}
	.purpuseRelatedLink .clm1,
	.purpuseRelatedLink .clm2 {
		display:block;
		width:100%;
	}
	.purpuseRelatedLink img {
		margin: 0 auto;
	}
	.purpuseRelatedLinkBtn {
		text-align:center;
	}
	.threeColumnLinkList > ul > li {
    	width: 50%;
	}
	.purposeRecommendFixMenu {
		width:100%;
		margin-left:-15px;
	}
	.purposeRecommendFixMenu .clm1, 
	.purposeRecommendFixMenu .clm2{
		width: 50%;
		padding: 10px 20px;
	}
	.purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3),
	.purposeRecommendFixMenu .clm2:has(+ div.clm3),
	.purposeRecommendFixMenu .clm3{
		padding: 10px 10px;
	}
	.purposeRecommendFixMenu .clm1::before, 
	.purposeRecommendFixMenu .clm2::before,
	.purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3)::before,
	.purposeRecommendFixMenu .clm2:has(+ div.clm3)::before,
	.purposeRecommendFixMenu .clm3::before {
		display:none;
	}
	.purposeRecommendFixMenu .title {
		font-size:16px;
	}
	.purposeRecommendFixMenu .scale {
		font-size:16px;
	}
	.purposeRecommendFixMenu .links a {
		margin-right:10px;
	}
	.purposeRecommendMenu img {
		width: 100%;
		max-width: 50px;
	}
}
@media (max-width: 999px) and (min-width: 767px){
	.purposeRecommendMenu > .clm1 > p,
	.purposeRecommendMenu > .clm2 > p,
	.purposeRecommendMenu > .clm3 > p {
		height: 3em;
	}
}

@media (max-width: 767px) {
	.threeColumnLinkList > ul > li {
		width: 100%;
	}
	.purposeRecommendMenu > .clm1,
	.purposeRecommendMenu > .clm2,
	.purposeRecommendMenu > .clm1:has(+ .clm2 + div.clm3),
	.purposeRecommendMenu > .clm2:has(+ div.clm3),
	.purposeRecommendMenu > .clm3 {
		float:none;
		width:100%;
	}
	.purposeRecommendMenu > .clm2,
	.purposeRecommendMenu > .clm3{
		border-left: none;
	}
	.purposeRecommendMenu > .clm1 {
		border-right:none;
		border-bottom:1px solid #D4D8DB;
	}
	.purposeRecommendMenu > .clm3{
		border-top:1px solid #D4D8DB;
	}
	.purposeRecommendFixMenu .clm1, 
	.purposeRecommendFixMenu .clm2 {
		padding: 5px 10px;
		line-height:1.6;
	}
	.purposeRecommendFixMenu .title {
		font-size:12px;
	}
	.purposeRecommendFixMenu .title span {
		display:none;
	}
	.purposeRecommendFixMenu .scale {
		display:none;
	}
	.purposeRecommendFixMenu .links {
		font-size:12px;
	}
	.purposeRecommendFixMenu .links > span {
		display:block;
	}
	.purposeRecommendFixMenu .links a {
		margin-right:5px;
	}
	.purposeRecommendProducts .img_container img {
		width: auto;
		height: auto;
		max-height: 200px;
	}
	/*　ナビが3カラムあるとき　*/
	.purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3), .purposeRecommendFixMenu .clm2:has(+ div.clm3), .purposeRecommendFixMenu .clm3{
		padding: 8px;
		height:auto;
		display: table-cell;
	}
	.purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3) .title, .purposeRecommendFixMenu .clm2:has(+ div.clm3) .title, .purposeRecommendFixMenu .clm3 .title, .purposeRecommendFixMenu .clm1:has(+ .clm2 + div.clm3) .scale, .purposeRecommendFixMenu .clm2:has(+ div.clm3) .scale, .purposeRecommendFixMenu .clm3 .scale {
		font-size: 12px;
		line-height: 1.2;
	}
	.purposeRecommendFixMenu:has(div.clm3).menuFix{
		display: flex;
		float: none;
	}
	.purposeRecommendFixMenu:has(div.clm3) {	top: -120px;}
}
@media (max-width:767px) and (min-width:375px){
	.purposeRecommendProducts .img_container:has(.tower_tall){
		padding-top: 15px;
	}
} 
@media only screen and (max-width:374px) {
	.purposeRecommendFixMenu .links a {
		margin-right:0;
	}
	.purposeRecommendProducts .img_container:has(.tower_tall){
		height: 200px;
	}
	.purposeRecommendProducts .img_container img {
		width: auto;
		height: auto;
		max-height: 150px;
		max-width: 200px;
	}
	.purposeRecommendProducts .img_container {
		max-width: 300px;
		width: 100%;
	}
	.purposeRecommendProducts .campaign_sticker.tower_low div, .purposeRecommendProducts .optok_sticker.tower_low div, .purposeRecommendProducts .campaign_sticker.rack_low div, .purposeRecommendProducts .optok_sticker.rack_low div, .purposeRecommendProducts .campaign_sticker div, .purposeRecommendProducts .optok_sticker div {
		width: 70px;
		height: 70px;
		left: 20px;
		top: -170px;
	}
	.purposeRecommendProducts .img_container .campaign_sticker.tower_low div,
	 .purposeRecommendProducts .img_container .optok_sticker.tower_low div,
	 .purposeRecommendProducts .img_container .campaign_sticker.rack_low div,
	 .purposeRecommendProducts .img_container .optok_sticker.rack_low div,
	.purposeRecommendProducts .img_container .campaign_sticker.tower_tall div, .purposeRecommendProducts .img_container .optok_sticker.tower_tall div{
		left: 10px;
		top: -150px;
	}
	.purposeRecommendProducts .optok_sticker p {
		font-size: 12px;
		padding-top: 5px;
	}
	.purposeRecommendProducts .campaign_sticker img {
		width: 80px;
		height: 80px;
	}
}
/*START Product lineup
-------------------------------------------------*/
.productLineupItemWithThumb {
	border:1px solid #D4D8DB;
	padding:15px;
}
.productLineupItemWithThumb .productLineupThumb {
	display:table-cell;
	vertical-align:top;
}
.productLineupItemWithThumb .productLineupTxt {
	display:table-cell;
	vertical-align:top;
	padding-left:15px;
}
.productLineupItemWithThumb .productLineupThumb img {
	width:150px;
}

@media only screen and (max-width:999px){
	.productLineupItemWithThumb .productLineupThumb {
		display:block;
		margin-bottom:10px;
	}
	.productLineupItemWithThumb .productLineupTxt {
		display:block;
		padding-left:0;
	}
	.productLineupItemWithThumb .productLineupThumb img {
		margin:0 auto;
	}
}

/*START Storage
-------------------------------------------------*/
.RdxBackupPackBtnArea {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.RdxBackupPackBtnArea .clm1,
.RdxBackupPackBtnArea .clm2 {
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
@media only screen and (max-width:767px){
	.RdxBackupPackBtnArea {
		margin-bottom:20px;
	}
	.RdxBackupPackBtnArea .clm1,
	.RdxBackupPackBtnArea .clm2 {
		display:block;
		width:100%;
		text-align:center;
	}
	.rbpType {
		margin-bottom:10px;
	}
}

/*START Campaign
-------------------------------------------------*/
.mainImg img {width:100%;}
.arrowPrice {width:100px;}
.campaignRecommendArea {
	border:4px solid #D4D8DB;
	padding:30px;
}
@media only screen and (max-width:999px){
	.campaignRecommendArea {
		padding:15px;
	}
}

/*START Recipe
-------------------------------------------------*/
.spBnrArea {
	display:none;
}
.pcBnrArea {
	display:block;
}
@media only screen and (max-width:999px){
	.spBnrArea {
		display:block;
	}
	.pcBnrArea {
		display:none;
	}
}
.recipeClm25-75 {
	width:100%;
	display:table;
}
.recipeClm25-75 .clm1,
.recipeClm25-75 .clm2 {
	display:table-cell;
	vertical-align:middle
}
.recipeClm25-75 .clm1 {
	width:25%;
}
.recipeClm25-75 .clm2 {
	width:75%;
}
@media only screen and (max-width:999px){
	.recipeClm25-75 {
		display:block;
	}
	.recipeClm25-75 .clm1,
	.recipeClm25-75 .clm2 {
		display:block;
		width:100%;
	}
	.recipeClm25-75 .clm1 {
		margin-bottom:20px;
	}
}
.recipeRecommendTable td {
	padding:5px 0;
	vertical-align:middle;
}
@media only screen and (max-width:768px){
	.recipeImg {
		width:100%;
	}
}
.recipeRelatedLink li {
	margin-top:10px;
}
.recipeRelatedLink li:first-child {
	margin-top:0;
}
.recipeRightNavBnr ul {
	margin-bottom:40px;
	width:100%;
}
.recipeRightNavBnr ul li {
	margin-top:20px;
}
.recipeRightNavBnr ul li:first-child {
	margin-top:0;
}
.recipeRightNavBnr ul li a {
	display:inline-block;
}
@media only screen and (max-width:999px){
	.recipeRightNavBnr ul li {
		float:left;
		width:50%;
		text-align:center;
	}
	.recipeRightNavBnr ul li:nth-child(2) {
		margin-top:0;
	}
}
@media only screen and (max-width:504px){
	.recipeRightNavBnr ul li {
		float:none;
		width:100%;
		margin-top:20px;
	}
	.recipeRightNavBnr ul li:nth-child(2) {
		margin-top:20px;
	}
}
.recipeCurator {
	margin-bottom:40px;
}
@media only screen and (max-width:999px){
	.recipeCurator {
		padding-bottom:40px;
		border-bottom:1px solid #D4D8DB;
	}
	.curatorImg {
		float:left;
		margin-right:20px;
	}
}
@media only screen and (max-width:504px){
	.curatorImg {
		float:none;
		margin:0 auto 10px;
	}
}

/*START Five merit
-------------------------------------------------*/
.meritFlowThreeColumn {
	width:100%;
	padding-left:40px;
	position:relative;
	box-sizing:border-box;
}
.meritFlowThreeColumn:before {
	content:"";
	width:40px;
	height:580px;
	background-image:url('/directplus_ent/promotion/merit/images/flow.gif');
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:0;
}
@media only screen and (max-width:999px){
	.meritFlowThreeColumn {
		padding-left:0;
	}
	.meritFlowThreeColumn:before {
		display:none;
	}
}
.meritFlowThreeColumn > .clm1,
.meritFlowThreeColumn > .clm2,
.meritFlowThreeColumn > .clm3 {
	float:left;
	width:320px;
}
@media only screen and (max-width:999px){
	.meritFlowThreeColumn > .clm1,
	.meritFlowThreeColumn > .clm2,
	.meritFlowThreeColumn > .clm3 {
		float:none;
		width:100%;
	}
	.meritFlowThreeColumn > .clm1,
	.meritFlowThreeColumn > .clm2 {
		margin-bottom:20px;
	}
}
.meritFlowThreeColumn .flowTitle {
	padding:10px;
	text-align:center;
	margin-bottom:4px;
	color:#FFF;
}
.meritFlowThreeColumn > .clm1 .flowTitle {
	margin-right:2px;
	background:#0D5265;
}
.meritFlowThreeColumn > .clm2 .flowTitle {
	margin-right:2px;
	margin-left:2px;
	background:#FF8300;
}
.meritFlowThreeColumn > .clm3 .flowTitle {
	margin-left:2px;
	background:#C140FF;
}
.meritFlowThreeColumn .topRow {
	height:200px;
}
@media only screen and (max-width:999px){
	.meritFlowThreeColumn .topRow {
		height:auto;
	}
}
.meritFlowThreeColumn > .clm1 .topRow {
	margin-right:2px;
	margin-bottom:4px;
}
.meritFlowThreeColumn > .clm2 .topRow {
	margin-right:2px;
	margin-left:2px;
	margin-bottom:4px;
}
.meritFlowThreeColumn > .clm3 .topRow {
	margin-left:2px;
	margin-bottom:4px;
}
.meritFlowThreeColumn .bottomRow {
	height:550px;
}
@media only screen and (max-width:999px){
	.meritFlowThreeColumn .bottomRow {
		height:auto;
	}
}
.meritFlowThreeColumn > .clm1 .bottomRow {
	margin-right:2px;
}
.meritFlowThreeColumn > .clm2 .bottomRow {
	margin-right:2px;
	margin-left:2px;
}
.meritFlowThreeColumn > .clm3 .bottomRow {
	margin-left:2px;
}
/*
.fiveMerit ul {
	width:100%;
}
.fiveMerit ul li {
	float:left;
	width:20%;
	text-align:center;
}
@media only screen and (max-width:999px){
	.fiveMerit ul li {
		width:50%;
	}
	.fiveMerit ul li {
		margin-top:20px;
	}
	.fiveMerit ul li:first-child,
	.fiveMerit ul li:nth-child(2) {
		margin-top:0;
	}
}
@media only screen and (max-width:504px){
	.fiveMerit ul li {
		width:100%;
		float:none;
	}
	.fiveMerit ul li:nth-child(2) {
		margin-top:20px;
	}
}
.fiveMerit a {
	display:inline-block;
	width:200px;
	height:65px;
	padding-top:200px;
	background-repeat:no-repeat;
	-webkit-background-size: 200px auto;
	-moz-background-size:    200px auto;
	-ie-background-size:     200px auto;
	-o-background-size:      200px auto;
	background-size:         200px auto;
}
.fiveMerit a.merit01 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_01.png');
}
.fiveMerit a.merit02 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_02.png');
}
.fiveMerit a.merit03 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_03.png');
}
.fiveMerit a.merit04 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_04.png');
}
.fiveMerit a.merit05 {
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_05.png');
}
*/
.titleMerit01,
.titleMerit02,
.titleMerit03,
.titleMerit04,
.titleMerit05 {
	padding-left:142px;
	height:63px;
	position:relative;
	padding-top:15px;
	box-sizing:border-box;
}
.titleMerit01:before,
.titleMerit02:before,
.titleMerit03:before,
.titleMerit04:before,
.titleMerit05:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:132px;
	height:63px;
	background-image:url('/directplus_ent/promotion/merit/images/icon-merit_small.gif');
	background-repeat:no-repeat;
	-webkit-background-size: 132px auto;
	-moz-background-size:    132px auto;
	-ie-background-size:     132px auto;
	-o-background-size:      132px auto;
	background-size:         132px auto;
}
.titleMerit01:before {
	background-position:0 0;
}
.titleMerit02:before {
	background-position:0 -63px;
}
.titleMerit03:before {
	background-position:0 -126px;
}
.titleMerit04:before {
	background-position:0 -189px;
}
.titleMerit05:before {
	background-position:0 -252px;
}
@media only screen and (max-width:999px){
	.titleMerit01,
	.titleMerit02,
	.titleMerit03,
	.titleMerit04,
	.titleMerit05 {
		padding-left:0;
		padding-top:0;
		height:auto;
	}
	.titleMerit01:before,
	.titleMerit02:before,
	.titleMerit03:before,
	.titleMerit04:before,
	.titleMerit05:before {
		position:static;
		margin-bottom:10px;
	}
}
@media only screen and (max-width:999px){
	.meritSelection,
	.meritEstimate,
	.meritPurchase {
		position:relative;
	}
/*	.meritSelection:before,
	.meritEstimate:before,
	.meritPurchase:before {
		content:"";
		display:block;
		width:40px;
		height:150px;
		position:absolute;
		left:-55px;
		top:0;
		-webkit-background-size: 40px auto;
		-moz-background-size:    40px auto;
		-ie-background-size:     40px auto;
		-o-background-size:      40px auto;
		background-size:         40px auto;
	}
	.meritSelection:before {
		background-image:url('/directplus_ent/promotion/merit/images/flow-selection.png');
	}
	.meritEstimate:before {
		background-image:url('/directplus_ent/promotion/merit/images/flow-estimate.png');
	}
	.meritPurchase:before {
		background-image:url('/directplus_ent/promotion/merit/images/flow-purchase.png');
	}*/
	.meritSelection:before,
	.meritEstimate:before,
	.meritPurchase:before {
		font-size:20px;
		display:block;
		margin-bottom:5px;
	}
	.meritSelection:before {
		content:"1.商品選定";
	}
	.meritEstimate:before {
		content:"2.お見積";
	}
	.meritPurchase:before {
		content:"3.ご購入";
	}
}

/*Merit Page*/
.meritIconsArea {
	margin-bottom: 40px;
}
.meritIcons {
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
}
.meritIcons li {
	display: flex;
}
.meritIcons a {
	border: 2px solid #D4D8DB;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}
.meritIcons img {
	width: 100px;
	margin: 0;
}
.meritIcons a > * {
	max-width: 100%;
}
.meritIcons.columnFixWidth > li > a {
	padding: 10px;
}
.meritIcons.columnFixWidth > li:not(:last-child) .meritIcon {
	margin-bottom: 10px;
	height: 90px;
	width: auto;
	display: flex;
	align-items: center;
}
.meritIcons.columnFixWidth > li:last-child .meritIcon {
	margin: 10px;
}
.meritIcons .columnFixHeight > li > a {
	flex-direction: row;
	font-size: 20px;
	padding: 0 20px 0 3px;
}
.meritIcons .columnFixHeight img {
	width: 40px;
	flex-shrink: 0;
}

.meritIcons .meritIcon {
	margin: 10px;
}
.meritIcons .merit01Icon > img {
	width: 80px;
}
.meritIcons .merit02Icon > img {
	width: 60px;
}
.meritIcons .merit03Icon > img {
	width: 60px;
}
.meritIcons .merit04Icon > img {
	width: 40px;
}
.meritIcons .merit05Icon > img {
	width: 40px;
}
.meritIcons .merit04Title br,
.meritIcons .merit05Title br {
	display: none;
}


.meritIcons .merit01Title,
.meritIcons .merit02Title,
.meritIcons .merit03Title {
	font-size: 25px;
	margin-bottom: 5px;
}

.meritIcons .merit04Title,
.meritIcons .merit05Title {
	font-size: 16px;
}
@media only screen and (min-width: 415px) {
	.meritIcons.columnFixWidth > li > a {
		padding: 10px 10px 20px;
	}
	.meritIcons .meritTitle {
		text-align: center;
	}
	.meritIcons .merit04Title,
	.meritIcons .merit05Title {
		text-align: left;
	}
}
@media only screen and (min-width: 700px) {
	.meritIcons .merit01Title,
	.meritIcons .merit02Title,
	.meritIcons .merit03Title {
		font-size: 22px;
	}
	.meritIcons .merit04Title,
	.meritIcons .merit05Title {
		font-size: 20px;
	}
}
@media only screen and (min-width: 768px) {
	.meritIcons .merit01Title,
	.meritIcons .merit02Title,
	.meritIcons .merit03Title {
		font-size: 17px;
	}
	.meritIcons .merit04Title,
	.meritIcons .merit05Title {
		font-size: 14px;
	}
	.meritIcons .merit04Title br,
	.meritIcons .merit05Title br {
		display: block;
	}
}
@media only screen and (min-width: 940px) {
	.meritIcons .merit01Title,
	.meritIcons .merit02Title,
	.meritIcons .merit03Title {
		font-size: 22px;
	}
	.meritIcons .merit04Title,
	.meritIcons .merit05Title {
		font-size: 20px;
	}
}
@media only screen and (min-width: 970px) {
	.meritIcons .merit01Title,
	.meritIcons .merit02Title,
	.meritIcons .merit03Title {
		font-size: 25px;
	}
}
@media only screen and (min-width: 990px) {
	.meritIcons .merit05Title br {
		display: none;
	}
}
@media only screen and (min-width: 1000px) {
	.meritIcons .merit01Title
	.meritIcons .merit02Title,
	.meritIcons .merit03Title {
		font-size: 25px;
	}
}

@media only screen and (max-width: 767px) {
	.meritIcons.columnFixWidth {
		flex-wrap: wrap;
	}
	.meritIcons.columnFixWidth > * {
		flex-basis: 30%;
	}
	.meritIcons.columnFixWidth > *:nth-child(3) {
		margin-right: 0;
	}
	.meritIcons.columnFixWidth > *:nth-child(4) {
		margin-top: 15px;
	}
	.meritIcons.columnFixWidth > li >  a {
		font-size: 20px;
	}
	.meritIcons .columnFixHeight {
		display: block;
	}
}
@media only screen and (max-width: 414px) {
	.meritIcons.columnFixWidth {
		display: block;
	}
	.meritIcons.columnFixWidth img {
		width: 70px;
		height: 70px;
		flex-shrink: 0;
	}
	.meritIcons.columnFixWidth > li {
		margin-right: 0;
	}
	.meritIcons.columnFixWidth > li + li {
		margin-top: 15px;
	}
	.meritIcons.columnFixWidth > li > a {
		flex-direction: row;
		padding: 0;
	}

}

.headerMerit {
	display: flex;
	margin-bottom: 10px;
	line-height: 1.41;
}
.headerMerit:before {
	content: "";
	display: block;
	width: 61px;
	height: 63px;
	background-repeat: no-repeat;
	margin-right: 10px;
	flex-shrink: 0;
}
.headerMerit01:before {
	background-image: url(/directplus_ent/images/icon/icon_quick_setup.svg);
    background-size: 60px;
}
.headerMerit02:before {
	background-image: url(/directplus_ent/images/icon/icon_support.svg);
	background-size: 60px;
}
.headerMerit03:before {
	background-image: url(/directplus_ent/images/icon/icon_made_in_japan.svg);
	background-size: 60px;
}
.headerMerit04:before {
	background-image: url(/directplus_ent/images/icon/icon_cost_savings.svg);
	background-size: 60px;
}
.headerMerit05:before {
	background-image: url(/directplus_ent/images/icon/icon_shop_.svg);
	background-size: 60px;
}
.headerMerit h3 {
	line-height: 1.2;
}
.headerMerit01 h3 {
	font-size: 20px;
}
.headerMerit02 h3 {
	font-size: 18px;
}
.headerMerit03 h3 {
	font-size: 20px;
}
.headerMerit04 h3 {
	font-size: 20px;
}
.headerMerit05 h3 {
	font-size: 20px;
}
.headerMeritSub {
	font-size: 14px;
	display: block;
}
@media only screen and (min-width: 415px) {
	.headerMerit03 br {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.headerMerit01 h3,
	.headerMerit03 h3,
	.headerMerit04 h3,
	.headerMerit05 h3 {
		font-size: 27px;
	}
	.headerMerit02 h3 {
		font-size: 22px;
	}
	.headerMeritSub {
		font-size: 18px;
		display: inline;
	}
}
@media only screen and (min-width: 1000px) {
	.headerMerit01 h3 {
		font-size: 27px;
	}
	.headerMerit02 h3 {
		font-size: 22px;
	}
	.headerMerit03 h3,
	.headerMerit04 h3,
	.headerMerit05 h3 {
		font-size: 27px;
	}
}

.benefitsProvided {
	display: flex;
	text-align: center;
	font-size: 12px;
}
.benefitProvided {
	flex: 1;
	position: relative;
}
.benefitCircle {
	background: #01A982;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.41;
	margin: 0 auto 10px;
	padding: 20px;
	position: relative;
}
.benefitProvided:not(:last-of-type):after {
	content: "＋";
	display: block;
	position: absolute;
	z-index: 2;
	left: auto;
	right: -23px;
	top: 55px;
	bottom: auto;
	margin: auto;
	font-size: 44px;
	font-weight: bold;
	color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	.benefitText {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 767px) {
	.benefitsProvided {
		display: block;
	}
	.benefitProvided:not(:last-of-type):after {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
	}
}

/* meritIconsArea (top page) */
.page.dplustop .meritIconsArea > h2 {
	font-size: 22px;
/*	font-size: 20px;*/
}
@media only screen and (min-width: 414px) {
	.page.dplustop .meritIconsArea > h2 {
		font-size: 24px;
	}
}

/* meritIconsArea (other page) */
.meritIconsArea.hasDetailBtn {
	position: relative;
}
.directplusMerit .meritIconsArea.hasDetailBtn {
	margin-bottom: 0;
}
.meritIconsArea .detailBtnArea {
	text-align: center;
}
.meritIconsArea .detailBtnArea .btn {
	margin: 0 0 20px;
}
.meritIcons li a {
	background: #fff;
}
.directplusMerit .meritIcons li a {
	border: 0;
}
@media only screen and (min-width: 970px) {
	.meritIconsArea > h2 {
		margin-bottom: 20px;
	}
	.meritIconsArea .detailBtnArea {
		position: absolute;
		top: -6px;
		right: 0;
	}
}
@media only screen and (min-width: 1200px) {
	.page.dplustop .meritIcons.columnFixWidth > li:last-child .meritIcon,
	.directplusMerit .meritIcons.columnFixWidth > li:last-child .meritIcon {
		margin: 10px 25px;
	}
}

/* meritsArea */
.meritsArea {
	margin: 0 0 40px;
}
.page.dplustop .meritsArea {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #D4D8DB;
}
.meritsArea .h2title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
.page.dplustop .meritsArea .h2title {
	text-align: left;
	margin-bottom: 20px;
}
.meritsArea .merits {
	flex-basis: 100%;
}
.meritsArea .meritsList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.meritsArea .meritsList > li {
	flex-basis: calc(33% - 5px);
	width: calc(50% - 5px);
	flex-grow: 0;
	flex-shrink: 0;
	line-height: 1.4;
	margin-bottom: 10px;
}
.meritsArea .meritsList .utility-link {
	flex-basis: 49%;
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}
.meritsArea .meritIcon {
	width: 45px;
	margin-right: 10px;
}
.meritsArea .meritIcon img {
    width: 100%;
    height:100%;
    max-height: 60px;
    box-sizing:border-box;
    object-fit: scale-down;
}
.meritsArea .meritTitle {
	font-size: 20px;
	font-weight: bold;
}
.meritsArea .btnWrapper .btn {
	margin: 0;
	min-width: auto;
	max-width: 100%;
}
@media only screen and (min-width: 1000px) {
	.page.dplustop .meritsArea .meritTitle {
		font-size: 26px;
	}
	.page.dplustop .meritsArea .meritIcon {
		width: 60px;
		height: 60px;
	}
}
@media only screen and (min-width: 768px) {
	.meritsArea .meritsList > li:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.meritsArea .btnWrapper .btn {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.page.dplustop .meritsArea .btnWrapper .btn {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 999px) {
	.meritsArea .meritsList > li {
		margin-bottom: 10px;
	}
	.meritsArea .meritIcon {
		width: 40px;
		height: 40px;
	}
}
@media only screen and (max-width: 850px) {
	.meritsArea .meritsList > li {
		width: 100%;
		margin-bottom: 5px;
	}
	.meritsArea .meritsList > li {
		flex-basis: calc(58% - 2px);
		width: calc(58% - 2px);
	}
	.meritsArea .meritsList > li:nth-child(2n) {
		flex-basis: calc(42% - 2px);
		width: calc(42% - 2px);
		margin-left: 4px;
	}
	.meritsArea .meritTitle {
		font-size: 17px;
	}
}
@media only screen and (max-width: 800px) {
	.meritsArea .btnWrapper .btn {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 780px) {
	.meritsArea .meritTitle {
		font-size: 15px;
	}
	.meritsArea .meritIcon {
		margin-right: 5px;
	}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
	.meritsArea .meritsList {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 386px;
	}
	.meritsArea .meritsList > li,
	.meritsArea .meritsList > li:nth-child(2n) {
		flex-basis: calc(100% - 60px);
		width: calc(100% - 60px);
	}
	.meritsArea .meritsList > li {
		margin-left: 60px;
		margin-bottom: 30px;
	}
	.meritsArea .meritsList > li:last-child {
		margin-bottom: 0;
	}
	.meritsArea .meritsList > li.btnWrapper {
		margin-left: 0 !important;
	}
	.meritsArea .meritsList > li:not(:last-child) {
		margin-bottom: 20px;
	}
	.meritsArea .meritsList > li:nth-child(2n) {
		margin-left: 60px;
	}
	.meritsArea .meritIcon {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	.meritsArea .meritTitle {
		font-size: 22px;
	}
	.meritsArea .btnWrapper {
		text-align: center;
		width: auto !important;
	}
	.meritsArea .btnWrapper .btn {
		margin: auto;
	}
	.meritsArea .btnWrapper .btn {
		padding-left: 30px;
		padding-right: 30px;
		min-width: 200px;
	}
}
@media only screen and (max-width: 414px) {
	.meritsArea .meritsList {
		margin-left: 0;
	}
	.meritsArea .meritsList > li,
	.meritsArea .meritsList > li:nth-child(2n) {
		flex-basis: calc(100% - 10px);
		width: calc(100% - 10px);
	}
	.meritsArea .meritsList > li,
	.meritsArea .meritsList > li:nth-child(2n) {
		margin-left: 10px;
	}
	.meritsArea .merit_campaign br {
		display: block;
	}
}
@media only screen and (max-width: 375px) {
	.meritsArea .meritsList > li,
	.meritsArea .meritsList > li:nth-child(2n) {
		flex-basis: calc(100% - 5px);
		width: calc(100% - 5px);
		margin-left: 5px;
	}
}
@media only screen and (max-width: 320px) {
	.meritsArea .meritTitle {
		font-size: 18px;
	}
}

/*START Accordion
-------------------------------------------------*/
.accordion-panel:first-child {
	border-top:1px solid #C6C9CA;
}
.accordion-panel {
	border-bottom:1px solid #C6C9CA;
}
.accordion-toggle {
	font-size:22px;
	line-height:1.2;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:33px;
	display:block;
	position:relative;
}
.accordion-panel-body {
	padding: 12px 38px 36px;
	display:none;
}
@media only screen and (max-width:999px){
	.accordion-panel-body {
		padding: 12px 10px 36px 38px;
	}
}
.icon-toggle-circle-open:before,
.icon-toggle-circle-close:before {
	display: inline-block;
    font-family: hpe-glyphicons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.icon-toggle-circle-open,
.icon-toggle-circle-open:before,
.no-focus .icon-toggle-circle-open,
.no-focus .icon-toggle-circle-open:before,
.focus .icon-toggle-circle-open,
.focus .icon-toggle-circle-open:before {
	-ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
}
.icon-toggle-circle-open {
	margin-left:5px;
}
.icon-toggle-circle-open:before {
	content:"\f13a";
	color:#00B388;
	margin-right:9px;
	font-size:24px;
	position:absolute;
	left:0;
	top:15px;
}
.no-focus .icon-toggle-circle-open,
.no-focus .icon-toggle-circle-open:before {
	color:#999;
}
.focus .icon-toggle-circle-open {
	color:#000;
}
.focus .icon-toggle-circle-open:before {
	color:#00B388;
}
.icon-toggle-circle-open.open {
	color:#000 !important;
}
.icon-toggle-circle-open.open:before {
	content:"\f139";
	color:#00B388;
	margin-right:9px;
	font-size:24px;
}
.accordion-expanded .icon-toggle-circle-open,
.accordion-expanded .icon-toggle-circle-open:before {
	color:#999;
}
.accordion-expanded .focus .icon-toggle-circle-open:before,
.accordion-expanded .icon-toggle-circle-open.open:before {
	color:#00B388;
}
.accordion-expanded .focus .icon-toggle-circle-open {
	color:#000;
}

/*START FAQ
-------------------------------------------------*/
.questionHeader {
	padding-left:40px;
	display:block;
}
.question {
	position:relative;
}
.answer {
	position:relative;
	padding-left:40px;
}
.iconQuestion, .iconAnswer {
	display:inline-block;
	margin-right:10px;
	padding:5px;
	line-height:1;
	font-weight:normal;
	font-size:20px;
	width:20px;
	text-align:center;
}
.iconQuestion {
	background-color:#D4D8DB;
	color:#000;
	position:absolute;
	top:12px;
	left:33px;
}
.iconAnswer {
	background-color:#614767;
	color:#FFF;
	position:absolute;
	left:0;
	top:-3px;
}

/* Gen10
-------------------------------------------------*/
.gen10Title01 span, .gen10Title02 span, .gen10Title03 span, .gen10Title04 span{
	display: inline-block;
	width: 215px;
	padding: 5px 25px 2px 25px;
	box-sizing: border-box;
	margin-right: 10px;
}
.gen10Title01 span{
	background-color: #ff8300;
	color: #FFF;
}
.gen10Title02 span{
	background-color: #7630ea;
	color: #FFF;
}
.gen10Title03 span{
	background-color: #32DAC8;
	color: #000;
}
.gen10Title04 span{
	background-color: #FEC901;
	color: #000;
	width: 250px;
}
@media only screen and (max-width:999px){
	.gen10Title01 span,
	.gen10Title02 span,
	.gen10Title03 span,
	.gen10Title04 span {
		display:block;
		margin-bottom:5px;
	}
}
.gen10BnrArea {
	border:1px solid #D4D8DB;
	background-color:#F7F7F7;
	display:table;
	position:relative;
}
.gen10BnrArea .left,
.gen10BnrArea .right {
	display:table-cell;
	vertical-align:top;
}
@media only screen and (max-width:999px){
	.gen10BnrArea .right {
		vertical-align:bottom;
	}
}
@media only screen and (max-width:767px){
	.gen10BnrArea .left,
	.gen10BnrArea .right {
		display:block;
		width:100%;
	}
	.gen10BnrArea .right img {
		width:100%;
	}
}
.gen10BnrArea .gen10BnrBtn {
	position:absolute;
	bottom:20px;
	left:20px;
}
@media only screen and (max-width:999px){
	.gen10BnrArea .gen10BnrBtn {
		position:static;
	}
}
@media only screen and (max-width:767px){
	.gen10BnrArea .gen10BnrBtn {
		margin:0 auto;
		text-align:center;
	}
}
.gen10BnrArea .gen10TitleBronze {
	margin-left:15px;
}
.gen10BnrArea .gen10TitleBronze span {
	margin-left:-15px;
}
.column33-33-33WithBorder {
	width:100%;
	display:table;
	border-top:1px solid #D4D8DB;
}
.column33-33-33WithBorder .clm1,
.column33-33-33WithBorder .clm2,
.column33-33-33WithBorder .clm3 {
	display:table-cell;
	width:33.333333%;
	padding: 25px 20px 73px;
	/*padding: 25px 20px;*/
	box-sizing:border-box;
	position:relative;
}
.column33-33-33WithBorder .clm1,
.column33-33-33WithBorder .clm2 {
	border-right:1px dotted #D4D8DB;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBorder .clm1,
	.column33-33-33WithBorder .clm2,
	.column33-33-33WithBorder .clm3 {
		display:block;
		width:100%;
		padding: 25px 10px;
	}
	.column33-33-33WithBorder .clm1,
	.column33-33-33WithBorder .clm2 {
		border-right:none;
		border-bottom:1px dotted #D4D8DB;
	}
}
.column33-33-33WithBorder .clm2.x2 {
	width: 66.666666%;
	border-right:none;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBorder .clm2.x2 {
		width: 100%;
	}
}
.column33-33-33WithBorder img {
	width:100%;
	max-width:292px;
	margin:0 auto;
}
.column33-33-33WithBorder .btmBtn {
	position:absolute;
	bottom:20px;
	left:0;
	display:block;
	width:100%;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBorder .btmBtn {
		position:static;
	}
}
.column33-33-33WithBorder .moreLineup {
	margin-top:30px;
	display:block;
}
.column33-33-33WithBorder .moreLineup img {
	width:128px;
}
@media only screen and (max-width:999px){
	.column33-33-33WithBorder .moreLineup img {
		width:80px;
	}
}


/*Guide
-------------------------------------------------*/
.guideSubTitle {
	position:relative;
	font-weight:bold;
}
.guideSubTitle img {
	position:absolute;
	top:0;
	left:0;
}
/*list調整*/
.guidecustom_03 ol.alphaINcircle > li:nth-child(2){
	padding-left: 0;
}
.guidecustom_03 ol.alphaINcircle > li:nth-child(2)::before {
    visibility: hidden;
}
/*----------*/
.cpregImg01,
.cpregImg02 {
	width:460px;
	margin:0 auto;
}
.cpregImg03 {
	width:612px;
	margin:0 auto;
}
.guidetoc {
border: 4px solid #D4D8DB;
box-sizing: border-box;
padding: 10px;
margin: 20px auto 40px;
font-size: 18px;
}
.guidetoc > div:nth-child(n+1) {padding-left: 20px;}
.guidetoc > .clm1, .guidetoc > .clm2{box-sizing: border-box;}
.users_guide_picture picture img {
	max-width: 800px;
	height: auto;
	width: 100%;
	margin: 0 auto;
}
/*img調整*/
.guideestimates_01 .sideimg_c{
	position: absolute;
    width: 100%;
    height: auto;
    max-width: 480px;
}
.guideestimates_01 li.sidespace{
	margin-bottom: 190px;
}
/*----------*/
.guideLftNavHeader {
	position:relative;
	padding-left:35px;
}
.guideLftNavHeader:before {
	content:"";
	display:block;
	width:25px;
	height:26px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-17px;
	background-image: url(/directplus_ent/images/icon/icon_all.svg);
	background-size: 25px;
	background-repeat: no-repeat;
}
.guideLftNavHeader.icon-cart:before {
	background-position: 0 -202px;
}
.guideLftNavHeader.icon-search:before {
	background-position: 0 -232px;
}
.guideLftNavHeader.icon-customize:before {
	background-position: 0 -262px;
}
.guideLftNavHeader.icon-person:before {
	background-position: 0 -291px;
}
.guideLftNavHeader.icon-cost:before {
	background-position: 0 -320px;
}
.guideLftNavHeader.icon-delivery:before {
	background-position: 0 -145px;
}
.guideLftNavHeader.icon-rack:before {
	background-position: 0 -349px;
}
.guideLftNavHeader.icon-question:before {
	background-position: 0 -380px;
}
.guideInlineIcon {
	display:inline-block;
	margin:0 5px;
	position:relative;
	top:-5px;
}
.guideTwoColumn > .clm1, .guideTwoColumn > .clm2 {
	width:49%;
	float:left;
}
.guideTwoColumn > .clm1 {
	margin-right:2%;
}
/*
.guide_delivery .guidearrow{	position:relative;}
.guide_delivery .guidearrow::before{
	content: "";
  border: 14px solid #ff8300;
    border-top-width: 14px;
    border-top-style: solid;
    border-top-color: rgb(255, 131, 0);
  width: 50%;
  height: 30px;
  display: block;
  margin: 0 auto;
  border-top: 0;
}
.guide_delivery .arrow_under{	position:relative;}
.guide_delivery .arrow_under::before{
	content: "";
  width: 50px;
  height: 90px;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -webkit-clip-path: polygon(35% 0, 65% 0, 65% 60%, 100% 60%, 50% 100%, 0 60%, 35% 60%);
  clip-path: polygon(35% 0, 65% 0, 65% 60%, 100% 60%, 50% 100%, 0 60%, 35% 60%);
  background-color: #ff8300;
}
.guide_delivery .icontip{
	margin: 15px 0 45px;
}
.guide_delivery .icontip::before{
	content: "";
  background-image: url("/directplus_ent/images/icon/icon_letter.svg");
  background-size: 40px;
  width: 40px;
  height: 31px;
  display: inline-flex;
  background-repeat: no-repeat;
  text-align: center;
  justify-content: center;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 30px;
}
*/
/*ご納品、配送について：配送料について delivery03*/
.delivery_delivery03 .delivery_charges {
    justify-content: center;
    border: 3px solid #D4D8DB;
    align-items: stretch;
}
.delivery_delivery03 .delivery_charges .fee {
    background-color: #0d5265;
    color:#ffffff;
    font-size:30px;
    font-weight:bold;
    display: flex;
    justify-content: center;
}
.delivery_delivery03 .delivery_charges .fee .txt01 {font-size:40px;}
.delivery_delivery03 .delivery_charges .fee .txt02 {font-size:50px;}
.page.payment_pay_cash .highlight_textbox{
	border: 6px solid #c140ff;
	box-sizing: border-box;
}

@media (max-width:999px){
	/*img調整*/
	.guideestimates_01 .sideimg_c {
    	position: static;
		max-width: none;
	}
	.guideestimates_01 li.sidespace {
    	margin-bottom: 30px;
	}
}
@media (max-width:767px){
	.cpregImg01,
	.cpregImg02,
	.cpregImg03 {
		width:100%;
	}
	.delivery_delivery03 .delivery_charges .fee{font-size: 20px;}
	.delivery_delivery03 .delivery_charges .fee .txt01{font-size: 20px;}
	.delivery_delivery03 .delivery_charges .fee .txt02{font-size: 30px;}
}

/* CAL
-------------------------------------------------*/
@media only screen and (max-width:767px){
	.calTable {
		overflow:scroll;
	}
}
.cal .pointNote1 {
	float:left;
}
.cal .pointNote2 {
	float:right;
	text-align:right;
}

.cal .pointNote2 img {
	display:inline-block;
	margin-right:5px;
	width:130px;
}
@media only screen and (max-width:999px){
	.cal .pointNote1,
	.cal .pointNote2 {
		float:none;
		text-align:left;
	}
	.cal .pointNote2 img {
		width:100px;
		position:relative;
		top:-3px;
	}
}

/*Floating Banner
-------------------------------------------------*/
.floatingBnr {
	position:fixed;
	bottom:-157px;
	right:50px;
	background:#FFF;
	z-index:9999;
	border-top:4px solid #FF8D6D;
	border-left:4px solid #FF8D6D;
	border-right:4px solid #FF8D6D;
	/*width:450px;*/
	width:470px;
	/*height:211px;*/
	height:268px;
	box-sizing:border-box;
	display:none;
	box-shadow:         0px 0px 10px rgba(0,0,0,0.4);
	-o-box-shadow:      0px 0px 10px rgba(0,0,0,0.4);
	-ms-box-shadow:     0px 0px 10px rgba(0,0,0,0.4);
	-moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", HiraginoSans-W3, HiraKakuProN-W3;
}
.floatingBnr.displayOff {
	right:-1000px;
}
.floatingBnrUp {
	display:block;
	padding: 15px 15px 10px 60px;
	cursor:pointer;
	height: 50px;
	box-sizing: border-box;
	position:relative;
}
.floatingBnrUp:before {
	content:"";
	display:block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 10px;
	background-image: url(/directplus_ent/system/images/contact_icon.svg);
	background-repeat: no-repeat;
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
	-ie-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}

.floatingBnrCls {
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:15px;
	right:15px;
	color:#707070;;
	text-decoration:none;
	font-size:20px;
	z-index:1000;
}
.floatingBnrCnt {
	padding:15px;
	margin:0 10px;
	border-top:1px solid #D4D8DB;
}
.spFixedBnr {
	position:fixed;
	right:0;
	bottom:20px;
	background:#FFF;
	z-index:1000;
	border-top:4px solid #FF8D6D;
	border-left:4px solid #FF8D6D;
	border-bottom:4px solid #FF8D6D;
	box-shadow:         -1px 0px 5px rgba(0,0,0,0.4);
	-o-box-shadow:      -1px 0px 5px rgba(0,0,0,0.4);
	-ms-box-shadow:     -1px 0px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:    -1px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: -1px 0px 5px rgba(0,0,0,0.4);
	padding:5px;
	display:none;
}
.spFixedBnr ul li {
	display:block;
	width:60px;
	height:60px;
	margin-top:10px;
}
.spFixedBnr ul li:first-child {
	margin-top:0;
}
.spFixedBnr ul li a {
	display:block;
	width:100%;
	height:100%;
}
.spFixedBnr ul li a span {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.spFixedBnr ul li a.tell {
	background:url(/directplus_ent/system/images/fixed_bnr_icon_01.png);
	background-size:60px;
}
.spFixedBnr ul li a.mail {
	background:url(/directplus_ent/system/images/fixed_bnr_icon_02.png);
	background-size:60px;
}
.spFixedCls {
	display:block;
	width:20px;
	height:20px;
	color:#707070;;
	text-decoration:none;
	font-size:20px;
	margin:0 auto 10px;
}
@media only screen and (max-width:999px){
	.spFixedBnr {display:none;}
}


/* DirectPartner
-------------------------------------------------*/
.dppSubFooter .dppSubFooterLink {
	text-align:center;
}
.dppSubFooter .dppSubFooterLink a,
.dppSubFooter .dppSubFooterLink span {
	color:#707070;
}
.dppSubFooter .footLink a:hover {
	color:#000;
}
.dppHowtoArw{
	margin:0 auto;
	width:100px;
}
@media only screen and (max-width:768px){
	.dppHowtoArw{
		width:80px;
	}
}

/* Product pages
-------------------------------------------------*/
.optokuPriceArea3 {
	height:145px;
}
.optokuPriceArea3 .inr {
	display:table;
	width:100%;
}
.optokuPriceArea3 .inr:first-child {
	margin-bottom:15px;
}
.optokuPriceArea3 .inr .left, .optokuPriceArea3 .inr .right {
	display:table-cell;
	vertical-align:middle;
}
.optokuPriceArea3 .inr .left {
	width:30%;
}
.optokuPriceArea3 .inr .right {
	width:70%;
	text-align:right;
}
.optokuPriceArea3 .inr .left p {
	font-size:19px;
	line-height:1.2;
}
.optokuPriceArea3 .inr .left p span {
	font-size:23px;
}
.optokuPriceArea3 .inr .right p {
	font-size:20px;
	line-height:1.2;
}
.optokuPriceArea3 .inr .right p span {
	font-size:30px;
}
@media only screen and (max-width:999px){
	.optokuPriceArea3 {
		height:auto;
	}
	.optokuPriceArea3 .inr .left, .optokuPriceArea3 .inr .right {
		display:block;
		width:100%;
		text-align:center;
	}
	.optokuPriceArea3 .inr .left p span {
		font-size:20px;
	}
	.optokuPriceArea3 .inr .left p br {
		display:none;
	}
	.optokuPriceArea3 .inr .right p {
		line-height:1.4;
	}
}
.gsPriceArea {
	text-align:center;
	height:145px;
}
.gsPriceArea p {
	font-size: 24px;
	line-height:1.4;
}
.gsPriceArea p span {
	font-size:40px;
}
@media only screen and (max-width:999px){
	.gsPriceArea {
		height:auto;
	}
	.gsPriceArea p {
		font-size:20px;
	}
	.gsPriceArea p span {
		font-size:35px;
	}
}
.floating-nav-wrapper {
	position: relative;
	z-index: 1;
/*	margin-bottom: -55px;*/
	border-bottom: 1px solid #aaa;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.floating-nav-wrapper.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	width: 100%;
	box-shadow: #afafaf 0px 4px 4px 0px;
	border-bottom: none;
}
.floating-nav-wrapper .btn {
	margin: 0;
}
.floating-nav-wrapper .toc-items {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.floating-nav-wrapper .toc-item {
	padding: 0 30px;
}
.floating-nav-wrapper .toc {
	display: block;
	padding: 18px 0;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.floating-nav-wrapper .indicator {
	position: absolute;
	bottom: 0;
	height: 4px;
	background-color: #01A982;
	-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}
.floating-nav-wrapper + * {
	padding-top: 25px;
}
.is-nav-fixed .floating-nav-wrapper + * {
	padding-top: 75px;
}
.is-nav-fixed .floating-nav-wrapper + * {
	padding-top: 90px;
}
.floating-nav-aside {
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 53px;
	float: right;
}
@media (max-width: 850px) {
	.floating-nav-wrapper .toc-item {
		padding: 0 20px;
	}
}
@media (max-width: 767px) {
	.floating-nav-wrapper .toc-item {
		padding: 0 10px;
	}
	.floating-nav-aside {
		display: none;
	}
}
@media (max-width: 414px) {
	.floating-nav-wrapper {
		text-align: center;
	}
	.floating-nav-wrapper .toc-items {
		margin: 0 !important;
	}
	.floating-nav-wrapper .toc {
		font-size: 13px;
	}
}
@media (max-width: 375px) {
	.floating-nav-wrapper .toc-item {
		padding: 0 5px;
	}
	.floating-nav-wrapper:not(.is-fixed) .toc-item {
		padding: 0 5px;
	}
}
@media (max-width: 320px) {
	.floating-nav-wrapper:not(.is-fixed) .toc {
		font-size: 12px;
	}
}



/* ここが便利！ 見積り機能 使いこなし術
-------------------------------------------------*/
/* 見積を保存するとここが便利 */
.convenientStepsWrapper {
	display: flex;
	margin: 0 0 10px;
}
.convenientSummary > h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.convenientSummary .spTitle {
	font-size: 22px;
	line-height: 1.41;
	display: none;
}
.convenientStepsA {
	/* 構成の決定・お見積時 */
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 80%;
	margin-right: 10px;
}
.convenientStepsB {
	/* ご購入時 */
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 20%;
}
.convenientSteps {
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.convenientStep {
	display: block;
	flex: 1;
	border: 3px solid #D4D8DB;
	background: #fff;
	padding: 10px 0 50px;
	position: relative;
	z-index: 1;
	text-align: center;
}
.aplus-convenient .convenientStep{
	padding: 10px 0;
}
.convenientStepTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.41;
}
.convenientStepsB .convenientStepTitle {
	font-size: 16px;
}
.convenientStepsA .convenientStep {
	flex-basis: 25%;
}
.convenientStepsA .convenientStep:not(:last-child) {
	margin-right: 10px;
}
/* 見積を保存するとここが便利：矢印 */
.convenientStepsArrows {
	margin-bottom: 40px;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.convenientStepsArrow {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-shrink: 0;
	flex-grow: 0;
	padding: 10px 0;
	line-height: 1;
	position: relative;
	border: 2px solid #D4D8DB;
	border-right-width: 0;
	background: #F7F7F7;
}
.convenientStepsArrowInr {
	display: flex;
	align-items: center;
	font-size: 12px;
}
.convenientStepsArrowInr > *:first-of-type {
	font-size: 16px;
}
.convenientStepsArrowInr > *:first-of-type:not(:last-of-type) {
	margin-right: 20px;
}
.convenientStepsArrowA {
	flex-basis: calc(80% - 30px);
	max-width: calc(80% - 30px);
}
.convenientStepsArrowB {
	flex-basis: calc(20% - 24px);
	max-width: calc(20% - 24px);
	margin: 0 20px 0 0;
}
/* 見積を保存するとここが便利：右向き三角 */
.convenientStepsArrow:before,
.convenientStepsArrow:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.convenientStepsArrow:before {
	right: -20px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #D4D8DB;
}
.convenientStepsArrow:after {
	right: -18px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #F7F7F7;
	z-index: 2;
}

@media only screen and (max-width: 999px) {
	.convenientStepTitle {
		font-size: 16px;
	}
	.convenientStepsB .convenientStepTitle {
		font-size: 14px;
	}
}
@media only screen and (max-width: 940px) {
	.convenientStepTitle {
		font-size: 14px;
	}
}
@media only screen and (max-width: 900px) {
	.convenientStepsB .convenientStepTitle {
		font-size: 12px;
	}
}
@media only screen and (max-width: 850px) {
	.convenientStepTitle {
		font-size: 12px;
	}
	.convenientStepsArrowInr > *:first-of-type {
		font-size: 14px;
	}
	.convenientStepsArrowInr > *:first-of-type:not(:last-of-type) {
		margin-right: 5px;
	}
}
@media only screen and (max-width: 800px) {
	.convenientStepsB .convenientStepTitle {
		font-size: 11px;
	}
}
@media only screen and (max-width: 767px) {
	.convenientStepsWrapper {
		display: block;
	}
	.convenientStepsWrapper > *:not(:last-child) {
		margin-bottom: 10px;
	}
	.convenientSteps {
		display: block;
	}
	.convenientStep {
		padding: 10px;
	}
	.convenientStepsA,
	.convenientStepsB {
		border: 2px solid #D4D8DB;
		background: #F7F7F7;
		padding: 5px 10px 10px;
	}
	.convenientStepsA .convenientStep:not(:last-child) {
		margin: 0 0 10px;
	}
	.convenientStepsA {
		margin: 0;
	}
	.convenientStepTitle,
	.convenientStepsB .convenientStepTitle {
		font-size: 18px;
		text-align: left;
	}
	.convenientSummary .spTitle {
		display: block;
	}
	.convenientStepsArrows {
		display: none;
	}
}
@media only screen and (max-width: 414px) {
	.convenientSummary .spTitle {
		font-size: 20px;
	}
}
@media only screen and (max-width: 320px) {
	.convenientSummary > h3 {
		font-size: 17px;
	}
	.convenientSummary .spTitle {
		font-size: 17px;
	}
	.convenientStepTitle,
	.convenientStepsB .convenientStepTitle {
		font-size: 14px;
	}
}

/* userType */
.page.convenient .userType {
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	padding: 2px 0;
	color: #fff;
}
.page.convenient .userType.member {
	background-color: #0070F8;
}
.page.convenient .userType.guest {
	background-color: #535C66;
}
.convenientSteps .userTypes {
	display: flex;
	width: calc(100% - 20px);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: auto;
	z-index: 1;
}
.convenientSteps .userType {
	justify-content: space-between;
	flex: 1;
}
.convenientSteps .userType:not(:last-child) {
	margin: 0 5px 0 0;
}
.page.convenient .convenientDetail .userType {
	padding: 5px 0;
	min-width: 60px;
	display: inline-block;
	position: relative;
	bottom: 5px;
}
.page.convenient .convenientDetail .userType:first-of-type {
	margin-left: 10px;
}
/* userType凡例 */
.page.convenient .userTypeLegends {
	margin: 10px 0;
}
.page.convenient .userTypeLegend {
	display: flex;
	align-items: start;
}
.page.convenient .userTypeLegend:not(:last-child) {
	margin-bottom: 10px;
}
.page.convenient .userTypeLegend > *:last-child {
	flex: 1;
}
.page.convenient .userTypeLegend .userType {
	flex-grow: 0;
	white-space: nowrap;
	flex-basis: 60px;
	text-align: center;
	font-size: 15px;
}

@media only screen and (max-width: 999px) {
	.page.convenient .userType {
		font-size: 12px;
		padding: 1px 0;
	}
}
@media only screen and (max-width: 767px) {
	.convenientSteps .userTypes {
		position: relative;
		bottom: 0;
		width: auto;
		min-width: 70%;
		margin: 3px 20px 0;
	}
	.convenientSteps .userType:first-child:last-child {
		margin: 0 35px;
	}
}
@media only screen and (max-width: 375px) {
	.userTypeLegends {
		font-size: 12px;
	}
	.userTypeLegend > *:not(:first-child) {
		margin-top: 3px;
	}
}

/* テキスト・画像 段組み */
.convenientColumns {
	display: flex;
}
.convenientColumn:not(:last-child) {
	margin-right: 10px;
}
.convenientDetail > h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.convenientColumnTxt > * + * {
	margin-top: 15px;
}
.convenientColumnImg {
	font-size: 12px;
	text-align: center;
	flex-shrink: 0;
}
.convenientColumnImg img {
	max-width: 100%;
	height: auto;
	margin: auto;
}
.convenientDetail1 .convenientColumnImg {
	flex-basis: 363px;
}
.convenientSummary .convenientColumnImg,
.convenientDetail2 .convenientColumnImg,
.convenientDetail3 .convenientColumnImg,
.convenientDetail4 .convenientColumnImg {
	flex-basis: 510px;
}
.aplus-convenient .convenientDetail1 .convenientColumnImg{
	flex-basis: 363px;
}
@media only screen and (min-width: 1000px) {
	.convenientDetail3 .convenientColumnTxt > * + * {
		margin-top: 30px;
	}
}
@media only screen and (max-width: 999px) {
	.convenientColumns {
		
	}
	.convenientSummary .convenientColumnImg,
	.convenientDetail2 .convenientColumnImg,
	.convenientDetail3 .convenientColumnImg,
	.convenientDetail4 .convenientColumnImg {
		flex-basis: 363px;
	}
	.convenientDetail > h3 {
		font-size: 20px;
	}
	.aplus-convenient .convenientDetail1 .convenientColumnImg{
		flex-basis: 363px;
	}
}
@media only screen and (max-width: 768px) {
	.convenientColumns {
		display: block;
	}
	.convenientColumn:not(:last-child) {
		margin-right: 0;
	}
	.convenientColumns > * + * {
		margin-top: 15px;
	}
}
@media only screen and (max-width: 414px) {
	.convenientDetail > h3 {
		font-size: 18px;
	}
	.page.convenient .convenientDetail .userType {
		min-width: 55px;
		bottom: 3px;
	}
	.page.convenient .convenientDetail .userType:first-of-type {
		margin-left: 5px;
	}
}
@media only screen and (max-width: 375px) {
	.convenientDetail > h3 {
		font-size: 16px;
	}
	.page.convenient .convenientDetail .userType {
		bottom: 2px;
	}
}
@media only screen and (max-width: 320px) {
	.convenientDetail > h3 {
		font-size: 17px;
	}
	.page.convenient .convenientDetail .userType {
		bottom: 0;
		margin-top: 5px;
	}
	.page.convenient .convenientDetail .userType:first-of-type {
		margin-left: 0;
	}
}

/*main YouTube*/
.youtubeWrapper {
	width: 560px;
	max-width: 100%;
	margin: auto;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/*=convenient YouTube=*/
.page.convenient .youtubeWrapper {
	width: 560px;
	max-width: 100%;
	margin: auto;
}
.page.convenient .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.page.convenient .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* hpe dashed-Text
-------------------------------------------------*/
.dashed-text {
	margin-bottom: 20px;
	padding-bottom: 16px;
	position: relative
}

.dashed-text:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 6px;
	background: #01A982
}
@media (min-width: 768px) {
	.dashed-text:after {
		width:70px
	}
}
@media (min-width: 1000px) {
	.dashed-text:after {
		width: 90px
	}
}

/* dashed-Textバリエーション */

.dashed-text.color-light-blue:after {
	background: #7FF9E2;
}

.dashed-text.color-medium-blue:after {
	background: #32DAC8;
}

.dashed-text.color-dark-blue:after {
	background: #0D5265;
}

.dashed-text.color-aruba-orange:after {
	background: #ff8300;
}

.dashed-text.color-light-purple:after {
	background: #C140FF;
}

.dashed-text.color-medium-purple:after {
	background: #7630ea;
}

.dashed-text.color-yellow:after {
	background: #FEC901;
}

.dashed-text.color-hpe-green:after {
	background: #01A982;
}

.dashed-text.color-gray:after {
	background: #C6C9CA;
}

/* Video */

.brightCoveWrapper {
	width: 560px;
	max-width: 100%;
	margin: auto;
}
.brightCove {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	box-sizing: content-box;
}
.brightCove .video-js {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* キャンペーンバナー（用途で選ぶ・Gen10サーバー）
-------------------------------------------------*/
.campaignBnr {
	border:1px solid #D4D8DB;
	background-image: url('/directplus_ent/images/banners/bnr_800x350_dx_campaign.jpg');
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
}
@media only screen and (max-width:767px){
	.campaignBnr {
		background: none;
		width: 100%;
		max-width: 384px;
		margin: 0 auto;
	}
}
.campaignBnrInr{
	width: 100%;
	height: 100%;
	padding: 25px 20px;
	box-sizing: border-box;
	background: linear-gradient(70deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 90%);
}
@media only screen and (max-width:999px){
	.campaignBnrInr{
		padding: 15px 20px;
		background: linear-gradient(70deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 90%);
	}
}
@media only screen and (max-width:767px){
	.campaignBnrInr{
		padding: 15px 10px;
		background: linear-gradient(70deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 90%);
	}
}
.campaignBnrBtn {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
@media only screen and (max-width:999px){
	.campaignBnrBtn {
		position: relative;
		bottom: 0;
		right: 0;						}
}
@media only screen and (max-width:767px){
	.campaignBnrBtn{
		text-align: center;
	}
	.campaignBnrBtn .btn-secondary.alpha {
		background: rgba(255,255,255,1);
		color: #444444;
		padding: 10px 20px;
	}
}
.campaignBnrTtl {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}
@media only screen and (max-width:999px){
	.campaignBnrTtl {
		font-size: 26px;
	}
}
@media only screen and (max-width:767px){
	.campaignBnrTtl {
		font-size: 20px;
	}
}
.campaignBnrTxtPc {
	margin-bottom: 10px;
	line-height: 1.4;
}
.campaignBnrTxtPc > span {
	font-size: 18px;
	font-weight: bold;
}
.campaignBnrTxtSp {
	display: none;
}
@media only screen and (max-width:999px){
	.campaignBnrTxtPc{
		display: none;
	}
	.campaignBnrTxtSp {
		display: inline-block;
	}
}
.campaignBnrImg {
	display: none;
}
@media only screen and (max-width:767px){
	.campaignBnrImg {
		display: block;
		width: 100%;
	}
}


/* キャンペーン価格の一例
-------------------------------------------------*/
.columnPriceExample {
	display: flex;
	align-items: center;
	max-width: 700px;
	margin: auto;
}
.columnPriceExample > * {
	position: relative;
	flex: 1;
}
.columnPriceExample > .clm1 {
	flex-basis: 37%;
	margin-right: 3%;
}
.columnPriceExample > .clm2 {
	flex-basis: 60%;
}
.columnPriceImgWrapper {
	position: relative;
	max-width: 380px;
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	overflow: hidden;
}
.columnPriceImgWrapper:before {
	content: "";
	display: block;
	padding-top: 75%;
}
.columnPriceImg {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: auto;
}
.columnPriceBtn .btn {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	min-width: auto;
	max-width: 220px;
}
.columnPriceExample > .clm2 img {
	max-width: 400px;
	margin: auto;
}
@media only screen and (max-width:767px) {
	.columnPriceExample {
		flex-direction: column;
	}
	.columnPriceExample > .clm1,
	.columnPriceExample > .clm2 {
		flex-basis: 100%;
		width: 100%;
		margin: 0;
	}
	.columnPriceExample > .clm1 {
		margin-bottom: 20px;
	}
}
/* ネットワーク
-------------------------------------------------*/
	.networkbdr4px {
		border:4px solid #7764FC;
		box-sizing: border-box;
	}


/* HPE ProLiant MicroServer Gen10 Plus
   セットアップ・インストールガイド
-------------------------------------------------*/
.msSetupGuide {
	
}
.msSetupGuide_row:not(:first-child) {
	margin-top: 20px;
}
.msSetupGuide_row .msSetupGuide_item {
	display: flex;
}
.msSetupGuide_row .msSetupGuide_item > *:first-child {
	flex-shrink: 0;
}
.msSetupGuide_row .msSetupGuide_item > * {
	flex: 1;
}
.msSetupGuide_row .msSetupGuide_item > .clm1 {
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
	width: 84px;
	margin-right: 10px;
}
.msSetupGuide .clmImg {
	height: auto;
}
@media (min-width: 1000px) {
	.msSetupGuide_row .columnFixWidth > *:not(:last-child) {
		margin-right: 20px;
	}
	.msSetupGuide_row > .msSetupGuide_item > .clm1,
	.msSetupGuide_row > *:first-of-type > .msSetupGuide_item > .clm1 {
		width: 135px;
	}
}
@media (max-width: 999px) {
	.msSetupGuide_row {
		flex-wrap: wrap;
	}
	.msSetupGuide_row > *:not(:first-child) {
		margin-top: 20px;
	}
	.msSetupGuide_row > * {
		flex-basis: 100%;
	}
	.detailLinkTxt {
		text-align: right;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.msSetupGuide_row > .msSetupGuide_item > .clm1,
	.msSetupGuide_row > * > .msSetupGuide_item > .clm1 {
		width: 205px;
	}
	.msSetupGuide_row > .msSetupGuide_item > .clm1 .clmImg,
	.msSetupGuide_row > * .msSetupGuide_item > .clm1 .clmImg {
		max-width: 200px;
	}
}
@media (min-width: 415px) and (max-width: 767px) {
	.msSetupGuide_row > .msSetupGuide_item > .clm1,
	.msSetupGuide_row > * > .msSetupGuide_item > .clm1 {
		width: 135px;
	}
	.msSetupGuide_row .msSetupGuide_item .clmImg {
		max-width: 130px;
	}
}
@media (max-width: 414px) {
	.msSetupGuide_row .msSetupGuide_item {
		display: block;
	}
	.msSetupGuide_row .msSetupGuide_item > .clm1 {
		width: 100%;
	}
	.msSetupGuide_row .msSetupGuide_item > *:not(:first-child) {
		margin-top: 10px;
	}
	.msSetupGuide_row .msSetupGuide_item .clmImg {
		max-width: 200px;
		margin: auto;
	}
}


/* ページタイトルバナー(画像+HTML)
-------------------------------------------------*/
.partner .pageTitleWithImg {
	background-image: url(/directplus_ent/salessupport/images/page_title_salessupport_16_9_20220824_LND_009_4004.webp);
}
.pageTitleWithImg {
	background-repeat: no-repeat;
	background-position: top 30% right;
	margin-bottom: 40px;
	padding: 10px 20px 10px 60px;
	min-height: 180px;
	display: flex;
	border: 1px solid #D4D8DB;
	position: relative;
}
.pageTitleWithImg::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.pageTitleWithImg > * {
	z-index: 2;
}
.partner .pageTitle{
	margin-bottom: -40px;
}
.pageTitleWithImg span {
	display: inline-block;
}
@media (min-width: 1000px){
	.pageTitleWithImg::after {
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.5) 35%, rgba(255,255,255,0.9) 50%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 100%);
	}
}
@media (min-width: 768px) {
	.pageTitleWithImg > * {
		align-self: center;
		background-size: 730px auto;
	}
}
@media (max-width: 999px) and (min-width: 768px){
	.pageTitleWithImg::after {
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0.5) 35%, rgba(255,255,255,0.9) 40%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 100%);
	}
	.pageTitleWithImg{
		background-size: 58%;
		min-height: 120px;
		padding: 10px 15px;
	}
}
@media (max-width: 767px) {
	.partner .pageTitleWithImg {
		background-image: url(/directplus_ent/salessupport/images/page_title_salessupport_36_11_20220824_LND_009_4004_min.webp);
	}
	.pageTitleWithImg {
		background-size: contain;
		flex-direction: column;
		padding: 0;
		min-height: auto;
		background-position: top;
	}
	.pageTitleWithImg > .marginArea {
		flex-basis: 150px;
	}
	.pageTitleWithImg::after {
/*		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.5) 100%);*/
	}
	.partner .pageTitle {
		margin-top: 30%;
		margin-bottom: 0px;
		padding: 40px 15px 0;
		background-color: #ffffff;
	}
}


/* バナー(背景画像+HTML)
-------------------------------------------------*/
.bnrArea {
	display:flex;
}
.bnrArea,
.bnrArea * {
	box-sizing: border-box;
}
.bnrArea > * {
	flex: 1 1 50%;
}
.bnrArea > *:first-child:last-child {
	flex: 1 1 100%;
}
.bnrWithTxt {
	display: block;
	position: relative;
	background-repeat: no-repeat;
}
.bnrWithTxt .inner {}
.bnrWithTxt .inner::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.bnrWithTxt.gradient .inner::after {
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100%);
}
.bnrWithTxt .bnrContent {
	position: relative;
	z-index: 2;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #D4D8DB;
	position: relative;
	width: 100%;
	padding: 20px 30px;
}
.bnrWithTxt .row {
	display: flex;
	justify-content: space-between;
	min-height: 100px;
}
.bnrWithTxt .bnrTtl {
	font-size: 26px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 5px;
}
.bnrWithTxt .bnrTxt {
	font-size: 13px;
	font-weight: normal;
}
.bnrWithTxt .bnrBtn {
	text-align: right;
	position: relative;
	bottom: auto;
	right: auto;
	align-self: flex-end;
}
.bnrWithTxt .bnrBtn .btn {
	min-width: 200px;
}
@media only screen and (min-width:1000px){
	.bnrArea > *:not(:last-child) {
		margin-right:10px;
	}
}
@media only screen and (max-width:999px){
	.bnrArea {
		display:block;
	}
	.bnrArea > * {
		margin-right:0;
		margin-left:0;
		width:100%;
	}
	.bnrArea > *:not(:last-child) {
		margin-bottom:10px;
	}
	.bnrWithTxt {
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
	}
	.bnrWithTxt > * {
		width: 100%;
	}
	.bnrWithTxt > *:first-child {
		margin: 0 0 20px;
	}
	.bnrWithTxt .bnrBtn {
		text-align: center;
	}
}
@media only screen and (max-width:767px){
	.bnrWithTxt .row {
		flex-direction: column;
	}
	.bnrWithTxt .row > *:not(:last-child) {
		margin-bottom: 10px;
	}
}

/*---=======================================---*/
/*HPE ProLiant MicroServer 特集ページ microservergen10.html*/
.gen10titletip span{
	background-color: #7630ea;
	padding: 0 20px;
	color: #ffffff;
}
.msgen_box{
	border: 4px solid #7630ea;
	box-sizing: border-box;
}
/*---=======================================---*/
/*ラインアップリスト*/
.lineuplist {
	position: relative;
}
.lineuplist__header > * {
	display: inline-block;
}
.lineuplist__header > *:not(:last-child) {
	margin-right: 20px;
}
.lineuplist__header__block {
	display: block;
}
.lineuplist__bodyWrapper {
	overflow-x: auto;
}
.lineuplist__body,
.lineuplist__main {
	position: relative;
}
.lineuplist__body {
	width: 963px;
	height: 387px;
	padding: 0 0 94px 37px;
}
.lineuplist.rack.intel .lineuplist__body {	height: 520px;}
.lineuplist.rack.amd .lineuplist__body {	height: 460px;}
.lineuplist.rack.amdtop .lineuplist__body {	height: 420px;}
.lineuplist__body__x {
	position: absolute;
	right: 30px;
	bottom: 0;
	font-size: 20px;
}
.lineuplist__body__y {
	position: absolute;
	left: 0;
	top: 20px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 20px;
}
.lineuplist__main {
	border-left: 6px solid #D4D8DB;
	border-bottom: 6px solid #D4D8DB;
	margin: 30px 20px 0 0;
	padding: 0 10px 50px;
	height: 100%;
}
.lineuplist__main::before {
	content: "";
	position: absolute;
	top: -20px;
	left: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 20px 9px;
	border-color: transparent transparent #D4D8DB transparent;
}
.lineuplist__main::after {
	content: "";
	position: absolute;
	right: -20px;
	bottom: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 20px;
	border-color: transparent transparent transparent #D4D8DB;
}
.lineuplist__main__title {
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 22px;
	font-weight: bold;
}
.lineuplist__main__x {
	position: absolute;
	bottom: 15px;
	width: calc(100% - 20px);
	display: flex;
	align-items: center;
	font-size: 17px;
	line-height: 1;
}
.lineuplist__main__x > * {
	flex-basis: auto;
	flex-shrink: 0;
	flex-grow: 0;
}
.lineuplist__main__x > *.arrow {
	position: relative;
	flex-basis: auto;
	flex-shrink: 1;
	flex-grow: 1;
	margin: 0 15px 5px;
}
.lineuplist__main__x > *.arrow > span {
	position: absolute;
	height: 0;
	top: 50%;
	left: 0;
	right: 0;
	border: 1px dotted #62E5F6;
}
.lineuplist__main__x > *.arrow::before {
	content: "";
	position: absolute;
	left: -8px;
	bottom: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 10px 4.5px 0;
	border-color: transparent #62E5F6 transparent transparent;
}
.lineuplist__main__x > *.arrow::after {
	content: "";
	position: absolute;
	right: -8px;
	bottom: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 10px;
	border-color: transparent transparent transparent #62E5F6;
}
.lineuplist__item__groups {
	display: flex;
	height: 100%;
	column-gap: 10px;
}
.lineuplist__item__group {
	flex: 1 1 auto;
	position: relative;
}
/*line intel*/
.lineuplist.intel .lineuplist__item__group {
	flex-basis: 1;
}
.lineuplist.intel .lineuplist__item__group:first-child {
	flex-basis: 20%;
}
.lineuplist.intel .lineuplist__item__group:nth-child(2) {
	flex-basis: 45%;
}
.lineuplist.intel .lineuplist__item__group:nth-child(3) {
	flex-basis: 35%;
}
/*.lineuplist.intel .lineuplist__item__group:last-child {
	flex-basis: 60%;
}*/
/* 1:2:2:2line
.lineuplist.intel .lineuplist__item__group {
	flex-basis: 23%;
}
.lineuplist.intel .lineuplist__item__group:first-child {
	flex-basis: 12%;
}
.lineuplist.intel .lineuplist__item__group:last-child {
	flex-basis: 50%;
} */
/*.lineuplist.rack.amd .lineuplist__item__group {
	flex-basis: 80%;
}*/
.lineuplist.rack.amd .lineuplist__item__group:first-child {
	flex-basis: 15%;
}
.servertop .lineuplist.rack .edge.lineuplist__item__group:first-child{
  /*display: none;*/
}
.lineuplist.rack.amd .lineuplist__item__group:nth-child(2) {
	flex-basis: 15%;
}
.lineuplist.rack.amd .lineuplist__item__group:last-child {
	flex-basis: 65%;
}
.lineuplist__item__group:not(:first-child) {/*	margin-left: 10px;*/}
.lineuplist__item__group .inner {
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.lineuplist.tower .lineuplist__item__group .inner {
/*	height: 370px;*/
}
.lineuplist.rack.intel .lineuplist__item__group .inner {
	height: 200px;
}
/*.lineuplist.rack.amd .lineuplist__item__group .inner {
	height: 185px;
}*/
.lineuplist__item__group:first-child .inner {
	bottom: 0px;
}
.lineuplist__item__group.edge:first-child .inner {
	bottom: 0px;
}
.lineuplist__item__group:nth-child(2) .inner {
	bottom: 30px;
}
.lineuplist__item__group:nth-child(3) .inner {
	bottom: 60px;
}
.lineuplist__item__group:nth-child(4) .inner {
	bottom: 90px;
}
.lineuplist__item__group:nth-child(5) .inner {
	bottom: 120px;
}
.lineuplist.rack.intel .lineuplist__item__group:nth-child(2) .inner {
	bottom: 30px;
}
.lineuplist.rack.intel .lineuplist__item__group:nth-child(3) .inner {
	bottom: 60px;
}
.lineuplist.rack.intel .lineuplist__item__group:nth-child(4) .inner {
	top: 240px;
}
.lineuplist.rack.amd .lineuplist__item__group:nth-child(2) .inner {
	bottom: 10px;
}
.lineuplist.rack.amd .lineuplist__item__group:nth-child(3) .inner {
	bottom: 90px;
}
.lineuplist__items {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	width: 100%;
}
.width_contrl > div {width: 50%;}/*邪魔になる場合は外す*/
.lineuplist__item {
	position: relative;
	min-height: 180px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	margin: auto;
	width: 100%;
}
.lineuplist.rack .lineuplist__item {
	position: relative;
	min-height: 160px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	margin: auto;
	width: 100%;
}
.lineuplist__item + .lineuplist__item {
	margin-left: 10px;
}
.lineuplist__item__proceccor {
	border: 3px solid #292D3A;
	padding: 2px;
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -40px;
	left: -35px;
	background: #fff;
}
.rack .lineuplist__item__proceccor{
	left: 0px;
	top: -60px;
}
.lineuplist__item__img {
	text-align: center;
	max-width: 130px;
	max-height: 160px;
	margin-bottom: 15px;
	position: relative;
}
.lineuplist__item__img img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	margin: auto;
}
.lineuplist__item__name {
	text-align: center;
	font-size: 16px;
	line-height: 1.2;
	max-width: 100%;
/*	overflow-wrap: break-word;*/
	white-space: nowrap;
}
.lineuplist_item_price{font-weight: normal; font-size: 12px; line-height: 1.6;}
.lineuplist__item__group__label {
	border: 2px solid #7764FC;
	margin: 5px 0 0 0;
	padding: 5px 0;
	display: flex;
	text-align: center;
	justify-content: center;
	font-size: 15px;
	line-height: 1;
	flex: 1 1 100%;
}
.lineuplist.rack.intel .lineuplist__item__group__label {border-color: #0070F8;}
.lineuplist__item__group__label > * {flex: 1;}
.lineuplist-nav .btn-secondary{
	min-height: 63px;
	min-width: 450px;
}
.lower_section.space::before {
  content: '';
  height: 184px;
  display: block;
}
.lineup_group_labels {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 10px;
}
.intel .upper_section{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-end;
}
.intel .lower_section{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-end;
}
.intel .upper_section > div, .intel .lower_section > div {
    flex: 1 1 auto;
}
/* lineup list icon */
.lineuplist.tower .optok_sticker > div{
	width: 80px;
	height: 80px;
	top: -62px;
	left: 45px;
	border: none;
}
.lineuplist.rack .campaign_sticker > div{
	width: 80px;
	height: 80px;
	top: -50px;
	left: 45px;
	border: none;
}
.lineuplist.rack .optok_sticker > div{
	width: 80px;
	height: 80px;
	top: -53px;
	left: 45px;
	border: none;
}
@media (min-width:768px){
	.clm1 .lineuplist-nav .btn-secondary{
		line-height: 2.5;
	}
}
@media (max-width:767px){
	.lineuplist-nav .btn-secondary{
		min-height: auto;
	    min-width: auto;
	    max-width: 450px;
	    width: 100%;
	}
}
/*/end ラインアップリスト*/
/* start circle sticker default */
/*---=======================================---*/
.campaign_sticker div ,.optok_sticker div {
    line-height: 1.2;
    border-radius: 100vh;
    width: 112px;
    height: 112px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    font-size: 1.3em;
    z-index: -1;
}
.campaign_sticker div {
    border: 4px solid #7764FC;
}
.optok_sticker div {
    border: 4px solid #05CC93;
    font-weight:normal;
}
.campaign_sticker div:has(img) {  border: none;}
.campaign_sticker,.optok_sticker {
    position: relative;
}
/*  circle sticker campaign_sticker用記述  */
.campaign_sticker p{
	font-size: 17px;
	line-height: 1;
	padding-top: 20px;
}
.campaign_sticker div span:nth-of-type(3){
    font-size: 1.8em;
    line-height: 1;
    margin: 3px 0 -2px 0;
    font-weight: bold;
}
.campaign_sticker div span:nth-of-type(4) {
    font-weight: bold;
}

/*  circle sticker オプ得用記述  */
.optok_sticker p {
	font-size: 17px;
    padding-top: 10px;
}
.optok_sticker div span:nth-of-type(3){
    font-size: 1.8em;
    line-height: 1;
    font-weight: bold;
    margin: 3px 0 -2px 0;
}
.optok_sticker div span:nth-of-type(4){
    line-height: 1;
    font-weight: bold;
}
/* circle sticker 用途で選ぶ */
.purposeRecommendProducts .campaign_sticker.tower_low div, .purposeRecommendProducts .optok_sticker.tower_low div, .purposeRecommendProducts .campaign_sticker.rack_low div, .purposeRecommendProducts .optok_sticker.rack_low div{
    left: 180px;
    top: -200px;
}
.purposeRecommendProducts .campaign_sticker.tower_tall div, .purposeRecommendProducts .optok_sticker.tower_tall div {
    left: 20px;
    top: -180px;
}
/* recommend label default*/
.recommend_label {
    position:relative;
}
.recommend_label div {
    line-height: 1.2;
    width: max-content;
    height: auto;
    background-color: #62E5F6;
    text-align: center;
    position: absolute;
    display: flex;
    font-size: 1.3em;
    justify-content: center;
    align-items: center;
}
.recommend_label .recommendtext{
	margin: 5px 10px 2px;
}
/* recommend label 用途で選ぶ */
.purposeRecommendProducts .recommend_label div {
    top: 0;
    left: 0;
}
.purposeRecommendProducts .recommend_label p {
    margin: 8px 15px 7px;
    vertical-align: bottom;
}
/*START proliant innovation windows server
-------------------------------------------------*/
#summarypanels .panelsinr {
	box-sizing:border-box;
	justify-content: space-between;
}
#summarypanels .panelsinr > .panel {
	width: 32%;
	box-sizing:border-box;
	border:4px solid #D4D8DB;
	padding: 10px;
	flex: 1 0 auto;
}
#summarypanels .panelsinr > .panel:nth-child(1) {	border:4px solid #7630ea;}
#summarypanels .panelsinr > .panel:nth-child(2) {	border:4px solid #c140ff;}
#summarypanels .panelsinr > .panel:nth-child(3) {	border:4px solid #fec901;}
#summarypanels .panelsinr > .panel:nth-child(4) {	border:4px solid #32dac8;}
#summarypanels .panelsinr > .panel:nth-child(5) {	border:4px solid #ff8300;}
#summarypanels .panelsinr > .panel:nth-child(6) {	border:4px solid #0D5265;}
@media (max-width:767px){
    #summarypanels .panelsinr > .panel {	width: 49%;}
}
/*end proliant innovation windows server ===---*/
/*START casestudy gaba nakamura yamazaki naist
-------------------------------------------------*/
.page.casestudygaba .w600pxImg, .page.casestudynaist .w600pxImg,
.page.casestudynakamura .w600pxImg, .page.casestudyyamazaki .w600pxImg {
	width:600px;
	max-width: 600px;
}
@media (min-width:1000px){
	.page.casestudygaba picture img, .page.casestudynaist picture img,
	.page.casestudynakamura picture img, .page.casestudyyamazaki picture img{
		max-width: 400px;
		width: 100%;
		height: auto;
	}
}
@media (max-width:999px){
	.page.casestudygaba .w600pxImg, .page.casestudynaist .w600pxImg,
	.page.casestudynakamura .w600pxImg, .page.casestudyyamazaki .w600pxImg{
		width:100%;
		height: auto;
	}
}
/*=== A+ HPE AdvantagePlus header
==============================================*/
.aplusheader{
	border-bottom: 4px solid #D6D4D4;
	/*padding: 20px 0;*/
}
.aplusheader_inr {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
}
.aplusheader_inr > *:first-child{	width: 200px;}
.aplusheader_inr > *:last-child{	width: 1000px;}
.aplusheader_inr .imgcontainer {
	box-sizing: border-box;
	font-size: 0;
}
.aplusheader_inr .logomargin{
	margin: 30px 30px;
	display: inline-block;
	box-sizing: border-box;
}
.aplusheader_inr img.hpelogo {
	width: 100%;
	max-width: 130px;
	height: auto;
	box-sizing: border-box;
}
.aplusheader_inr img.hpeapluslogo {
	width: 100%;
	max-width: 350px;
	height: auto;
	box-sizing: border-box;
}
@media only screen and (max-width:999px){
.aplusheader_inr {
	flex-direction: column;
	width: 100%;
}
.aplusheader_inr .logomargin{	margin: 20px 20px;}
.aplusheader_inr img.hpelogo{	max-width: 90px;}
.aplusheader_inr img.hpeapluslogo{	max-width: 200px;}
.aplusheader_inr > *:first-child{	width: 100%;}
.aplusheader_inr > *:last-child{	width: 100%;}
}
/*---=======================================---*/