@charset "utf-8";
/* .link_point リンクスクロールのずれ */
.link_point {display:block; padding-top:90px; margin-top:-90px;}
.b_text{background:#024AD8;padding:0.5em 1em;color:#FFFFFF;}
h2,h3,h4{word-break: auto-phrase;}
.note{font-size:12px; line-height:1.5; color:#666666;padding:5px;}
/* ----------------------------------------
	header
---------------------------------------- */
.header_title {margin:0 auto;display:flex; position:relative; min-height:400px;}
.header_title .text_area {position:absolute;left:0;}
.header_title .text_area font {color:#ff5050;margin-left:1em;display:inline-block;font-size:1em;font-weight:bold;margin-top:10px;margin-bottom:20px;}
.header_title .text_area span {background-color:#024AD8;color:#ffffff;padding:0.25em;display:inline-block;padding:0.25em 1em;margin-top:10px;margin-bottom:20px;}
.header_title .text_area h1 {display:block;padding-bottom:5px;border-bottom:1px solid #000000;}
.header_title .img_area {width:50%;min-height:380px;position:absolute;right:0;background-image: url(/content/dam/jp-ext-hp-com/jp/ja/partner/neta/proposal/eliteboard-g1a/main.png); 
 background-size: contain;background-repeat:  no-repeat;background-position: right bottom;  
}
.header_title ul{margin-top:20px;}
.small{font-size: 10px;line-height: 1.33;}
@media screen and (max-width: 1260px) {
.header_title .text_area h1, .header_title .text_area h2 {width:80%;}
}
@media screen and (max-width: 1024px) {
.header_title {display:block;width:100%;position:static;}
.header_title .text_area {display:block;width:100%;position:static;}
.header_title .text_area h1, .header_title .text_area h2 {width:100%;}
.header_title .img_area {display:block;width:100%;position:static;text-align:right;
 background-image: url(/content/dam/jp-ext-hp-com/jp/ja/partner/neta/proposal/eliteboard-g1a/main_sp.png); 
 background-size: contain;background-repeat:  no-repeat;background-position: right bottom; }
}
.pc {display: inline-block!important;}
.sp {display: none!important;}

@media screen and (max-width:768px) {
 .pc {display: none!important;}
 .sp {display: inline-block!important;}
}

.f_power_storm {color:#568393;}
.index_container {padding:20px 30px;border-radius:10px;margin-bottom:30px;}
.index_container>h3{display:inline-block;padding-bottom:5px;border-bottom:2px dotted #568393; color:#568393; margin-bottom:10px;}

.index {
  display: grid;
  grid-template-columns: 1fr; 
  gap: 0.5em;
padding:10px 20px;
color:#568393;
}

.index li{list-style-type: disc!important;padding-left:5px;color:#333333;font-size:1.25em;}
.index li a{color:#333333;}

@media screen and (min-width: 1024px) {
  .index {
    grid-template-columns: repeat(2, 1fr); 
    }
}


/* ----------------------------------------
	1列並び
---------------------------------------- */
.col_1 .inner{
	display:flex;
	padding:10px 20px;
	border-bottom:1px dotted #000000;
	align-items:center;
}

.col_1 .inner:last-child{border-bottom:0!important;}
.col_1 .inner .img_area{
	width: 30%;
	padding:10px;
	margin:0;
	text-align:center;
}

.col_1 .inner .img_area img{
	width:250px;
}

.col_1 .inner .text_area {
	width:70%;
	margin:0;
	padding:10px;
	text-align:left;
}
.col_1 .inner .text_area>h4 {
	font-size:1.75em!important;
}
.col_1 .inner .text_area>h5 {
	padding-bottom: 0.2em;
	font-size:1.5em!important;
}
.col_1 .inner .text_area>li {
	text-align:left;
}

@media screen and (max-width: 768px) {
.col_1{
	margin:20px;
}
.col_1 .inner{
	display:block;
	text-align:center!important;
}
.col_1 .inner .img_area,
.col_1 .inner .text_area {
	width:100%;
	text-align:center;
}

.col_1 .inner .text_area ul li {
	text-align:left;
}
.col_1 .inner .img_area img{
	width:100%;
	text-align:center;
    margin-bottom:20px;
}

}


.secure {
  position: relative;
  padding-right: 1.5em; /* アイコンが入るスペースを右側に確保 */
  text-decoration: none;
}

.secure::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); /* 縦中央揃え */
  width: 1.25em;
  height: 1.25em; 
  background-image: url(/content/dam/jp-ext-hp-com/jp/ja/partner/neta/proposal/pftv091/key.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.disc li {
    list-style-type: disc;
}


/*---------------------------------------

あなたのワークスペースをパワーアップ

---------------------------------------*/
.design02_detail {
	display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
}
.design02_detail > div {
	padding: 20px 0 0;
}
.usb {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
	border: 2px solid #ccc;
}
.design04_box h4 {
	font-size: 2.3rem;
    font-weight: normal;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.img_expansion {
	width: 46%;
	bottom: 1.4%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
.design02_detail {
	display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1.5fr;
}
.usb {
    grid-template-columns: 2fr 1fr;
	padding: 20px 10px 10px!important;
}
}

.img_expansion {
	width: 100%;
    height:100%;
	bottom: 1.1%;
	left: 50%;
    transform: translate(50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
   text-align:center;
   color:#ffffff;
    background-color: rgba(0, 0, 0, 0.8);
   border:0!important;
   padding:10%;
   position:relative;
}

.img_expansion>img {width:100%;margin-top:10%;}
.img_expansion>p {left:0;width:100%;text-align:center;position:absolute;bottom:0;font-size:1em;color:#ffffff;background:#000000;padding:1em;}

@media screen and (max-width: 768px) {
.img_expansion>img{width:100%;margin-top:50%;}
}


/*---------------------------------------

ダウンタイムの心配なし、スナップイン式で簡単対応

---------------------------------------*/
.needs {
	display: grid;
    gap: 10px;
    grid-template-columns: 1;
}
.needs p {
	margin-top: 30px;
}
@media screen and (min-width: 768px) {
.needs {
    grid-template-columns: 1.5fr 1fr;
}	
}