@charset "utf-8";
/* -------------------------------------------------- */
/* #section-main */
/* -------------------------------------------------- */
#section-main{padding:40px 20px;display:flex;height:600px;}
#section-main .item01{width:49.25%;margin-right:1.5%;position:relative;overflow:hidden;opacity:0;display:flex;align-items:flex-end;}
#section-main .item01 .img{background:url(/content/dam/nttcom/hq/jp/bizon/images/common/noimage.png) no-repeat center center;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;transition:.3s;}
#section-main .item01:hover .img{-webkit-transform:scale(1.06) translate3d(0,0,0);transform:scale(1.06) translate3d(0,0,0);}
#section-main .item01 .inner{width:100%;padding:50px 20px 20px;color:#fff;background:rgba(0,0,0,0.8);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.564) 35%, rgba(0,0,0,1) 100%);z-index:2;}
#section-main .item01 .inner a{color:#fff;}
#section-main .item01 .inner > a{display:block;width:100%;height:100%;z-index:3;position:absolute;top:0;left:0;}
#section-main .item01 .inner .ttl{font-size:2.6rem;font-weight:bold;margin-bottom:10px;line-height:1.6;}
#section-main .item01 .inner .tag{font-weight:bold;font-size:1.6rem;position:relative;z-index:3;word-break:break-all;}
#section-main .item01 .inner .tag > li{margin-right:15px;display:inline-block;cursor:pointer;}
#section-main .item01 .inner .tag > li::before{content:"#";}
#section-main .item01 .inner .tag > li:hover{text-decoration:underline;}
#section-main .item01 .inner .category{word-break:break-all;position:relative;z-index:4;text-align:left;position:absolute;left:0;top:0;}
#section-main .item01 .inner .category > li{display:inline-block;background:#fed33e;color:#0e367d;font-size:1.3rem;font-weight:bold;margin-right:8px;margin-bottom:8px;padding:6px 15px;letter-spacing:0;cursor:pointer;transition:.3s;}
#section-main .item01 .inner .category > li:hover{opacity:0.8!important;}
#section-main .item01.animated{opacity:1;transition:.6s;}

#section-main .item02{width:29%;margin-right:1.5%;overflow-y:auto;}
#section-main .item02 .list-archive > li{width:100%;height:220px;position:relative;overflow:hidden;}
#section-main .item02 .list-archive > li + li{margin-top:20px;}
#section-main .item02 .list-archive > li .ttl{color:#fff;font-size:2rem;font-weight:bold;word-break:break-all;position:absolute;bottom:0;left:0;padding:18px 20px;line-height:1.6;background:rgba(0,0,0,0.8);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.48) 25%, rgba(0,0,0,1) 100%);width:100%;}
#section-main .item02 .list-archive > li .img{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/content/dam/nttcom/hq/jp/bizon/images/common/noimage.png) no-repeat center  center;background-size:cover;transition:.3s;}
#section-main .item02 .list-archive > li .category{word-break:break-all;position:relative;z-index:4;text-align:left;position:absolute;left:0;top:0;}
#section-main .item02 .list-archive > li .category > li{display:inline-block;background:#fed33e;color:#0e367d;font-size:1.3rem;font-weight:bold;margin-right:5px;margin-bottom:5px;padding:6px 15px;letter-spacing:0;cursor:pointer;transition:.3s;}
#section-main .item02 .list-archive > li .category > li:hover{opacity:0.8!important;}
#section-main .item02 .list-archive > li .category > li.nolink{cursor:default;}
#section-main .item02 .list-archive > li .category > li.nolink:hover{opacity:1!important;}
#section-main .item02 .list-archive > li:hover .img{-webkit-transform:scale(1.06) translate3d(0,0,0);transform:scale(1.06) translate3d(0,0,0);}

/* begin - Plus 23.08 */
#section-main .item02 .list-archive > li .category::before {content: 'New';color: #fff;background-color: #CC0033;display: inline-block;font-size: 1.3rem;font-weight: bold;margin-right: 5px;margin-bottom: 5px;padding: 6px 10px;letter-spacing: 0;}
/* end - Plus 23.08 */

#section-main .item03{width:18.75%;overflow-y:auto;background:#eff2f9;padding:5px 10px 0;position:relative;}
#section-main .item03::before{content:"";display:block;width:100%;height:5px;background:#0e367d;position:absolute;top:0;left:0;}
#section-main .item03 .box{background:#fff;padding:20px 10px;}
#section-main .item03 .ttl{text-align:center;font-weight:bold;font-size:1.6rem;margin-bottom:15px;line-height:1.4;}
#section-main .item03 .search-box{border-bottom:1px solid #ccc;padding-bottom:20px;}
#section-main .item03 .search-box .inner{position:relative;}
#section-main .item03 .search-box .inner .search-txt{width:100%;padding-right:40px;border-color:#333;padding:7px 40px 7px 10px;}
#section-main .item03 .search-box .inner .search-btn{width:40px;height:100%;background:url(/content/dam/nttcom/hq/jp/bizon/images/common/search02.png) no-repeat center center;background-size:18px auto;position:absolute;right:0;top:0;border:0;outline:0;font-size:0;cursor:pointer;transition:.3s;}
#section-main .item03 .block-keywords{border-bottom:1px solid #ccc;padding-bottom:20px;margin-top:20px;}
#section-main .item03 .block-keywords:last-child{border-bottom:0;padding-bottom:0;}
#section-main .item03 .block-keywords .ttl{margin-bottom:10px;}
#section-main .item03 .block-words{padding-bottom:20px;margin-top:20px; border-bottom: solid 1px #ccc;}
#section-main .item03 .block-words p{line-height:1.7;padding:0 5px;}
#section-main .item03 .block-words a{color:#333;}
#section-main .item03 .block-words a:hover .ttl{text-decoration:underline;}
#section-main .item03 .block-words:last-child{border-bottom:0;padding-bottom:0;}
#section-main .item03 .list-keywords a{color:#333;border-bottom:1px solid transparent;display:block;padding:3px 0;transition:none;}
#section-main .item03 .list-keywords a::before{content:"#";}
#section-main .item03 .list-keywords a:hover{border-color:#333;}
#section-main .item03 .list-keywords > li{display:inline-block;margin-right:6px;margin-top:6px;}

#section-main .item02::-webkit-scrollbar,#section-main .item03::-webkit-scrollbar{width: 6px;}
#section-main .item02::-webkit-scrollbar-track,#section-main .item03::-webkit-scrollbar-track{background: #eee;border-radius:10px;}
#section-main .item02::-webkit-scrollbar-thumb,#section-main .item03::-webkit-scrollbar-thumb{background:#4e6ba0;border-radius:10px;}

/* -------------------------------------------------- */
/* #section-recommend */
/* -------------------------------------------------- */
#section-recommend{background:url(/content/dam/nttcom/hq/jp/bizon/images/common/bg01.jpg) no-repeat center top #fbf6f7;}
#section-recommend .common-ttl01{margin-bottom:0;}
#section-recommend .lead{font-size:2rem;font-weight:bold;color:#4d5c8e;padding-right:260px;margin-bottom:40px;}
#section-recommend .block{position:relative;padding:60px 0;border-bottom:1px solid #ccc;}
#section-recommend .block .common-ttl02{margin-top:-10px;}
#section-recommend .block:last-child{padding-bottom:0;border-bottom:0;}
#section-recommend .block-btn{position:absolute;right:0;top:60px;}
#section-recommend .common-btnlist a{min-width:268px;}

/* -------------------------------------------------- */
/* #section-featured */
/* -------------------------------------------------- */
#section-featured{background:#e9f2fb;}
#section-featured .lead{font-weight:bold;font-size:2.4rem;color:#4d5c8e;margin-top:-15px;margin-bottom:30px;}
#section-featured .pickup{width:100%;margin-bottom:60px;}
#section-featured .pickup .img{width:100%;height:0;padding-bottom:30%;box-shadow:0 1px 8px rgba(0,0,0,0.1),0 0 70px rgba(0,0,0,0.17) inset;position:relative;z-index:1;overflow:hidden;}
#section-featured .pickup .img span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(/content/dam/nttcom/hq/jp/bizon/images/common/noimage.png) no-repeat center center;background-size:cover;z-index:2;transition:.3s;}
#section-featured .pickup:hover .img span{-webkit-transform:scale(1.06) translate3d(0,0,0);transform:scale(1.06) translate3d(0,0,0);}
#section-featured .pickup .inner{background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.1);width:800px;max-width:90%;margin:-85px auto 0;padding:35px 30px;position:relative;z-index:3;}
#section-featured .pickup .inner .ttl{font-weight:bold;font-size:2.6rem;margin-bottom:15px;}
#section-featured .pickup .inner .txt{color:#000;font-size:1.6rem;line-height:1.8;}
#section-featured .pickup .only-pc {display: block;}
#section-featured .pickup .only-sp {display: none;}

/* -------------------------------------------------- */
/* #section-dxstore */
/* -------------------------------------------------- */
#section-dxstore{background-color:#fbf6f7;}
.biz-dxstore_banner {margin:0 auto;text-align:center;}
.biz-dxstore_banner a img {width:100%;max-width:800px;transition: .3s;}
#section-dxstore .animated{opacity:1;transition:.6s;}
.biz-dxstore_banner .img{overflow:hidden;max-width:800px;margin:0 auto;}

/* -------------------------------------------------- */
/* #pagetop-banner */
/* -------------------------------------------------- */
#pagetop-banner{padding:20px 20px 0;text-align:center}
#pagetop-banner + #section-main{padding-top:20px}


/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (max-width:768px){
  /* -------------------------------------------------- */
  /* #section-main */
  /* -------------------------------------------------- */
  #section-main{display:block;height:auto;padding:5%;}

  #section-main .item01{width:100%;margin-right:0;height:380px;margin-bottom:10px;}
  #section-main .item01 .inner .ttl{font-size:2.2rem;margin-bottom:5px;font-weight:700;line-height:1.6;}
  #section-main .item01 .inner{padding:40px 15px 15px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47) 35%, rgba(0,0,0,0.85) 100%);}
  #section-main .item01 .inner .tag{font-weight:500;font-size:1.4rem;}
  #section-main .item01 .inner .category{margin-right:-15px;}
  #section-main .item01 .inner .category > li{font-size:1rem;font-weight:bold;margin-right:3px;margin-bottom:3px;padding:4px 6px;}
  #section-main .item01:hover .img{-webkit-transform:none;transform:none;}

  #section-main .item02{width:100%;margin-right:0;margin-bottom:10px;overflow:hidden;}
  #section-main .item02 .list-archive > li{height:140px;}
  #section-main .item02 .list-archive > li + li{margin-top:2px;}
  #section-main .item02 .list-archive > li .ttl{width:70%;left:auto;right:0;height:100%;font-size:1.6rem;padding:30px 15px 10px 10%;background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.40) 25%, rgba(0,0,0,0.85) 100%);display:flex;align-items:center;line-height:1.5;}
  #section-main .item02 .list-archive > li .category{margin-right:-15px;}
  #section-main .item02 .list-archive > li .category > li{font-size:1rem;font-weight:bold;margin-right:3px;margin-bottom:3px;padding:4px 6px;}
  #section-main .item02 .list-archive > li:hover .img{-webkit-transform:none;transform:none;}

  #section-main .item03{width:100%;margin-right:0;overflow:hidden;}
  #section-main .item03 .block-keywords .ttl{margin-bottom:5px;}
  #section-main .item03 .block-keywords{margin-top:15px;padding-bottom:15px;}

  /* begin - Plus 23.08 */
  #section-main .item02 .list-archive > li .category::before {font-size: 1rem;font-weight: bold;margin-right: 3px;margin-bottom: 3px;padding: 4px 6px;}
  /* end - Plus 23.08 */

  /* -------------------------------------------------- */
  /* #section-recommend */
  /* -------------------------------------------------- */
  #section-recommend .common-ttl01 span{display:block;font-size:2.4rem;line-height:1.2;}
  #section-recommend .lead{font-size:1.5rem;padding-right:0;margin-bottom:20px;font-weight:500;text-align:center;}
  #section-recommend .block{padding:30px 0;}
  #section-recommend .block .common-ttl02{margin-top:0;}
  #section-recommend .block-btn{position:static;text-align:center;margin-top:20px;}
  #section-recommend .common-btnlist a{min-width:252px;}

  /* -------------------------------------------------- */
  /* #section-featured */
  /* -------------------------------------------------- */
  #section-featured .lead{font-size:1.8rem;text-align:center;margin-bottom:20px;}
  #section-featured .pickup{margin-bottom:30px;}
  #section-featured .pickup .img{padding-bottom:50%;}
  #section-featured .pickup .img span{background-position:right center;}
  #section-featured .pickup:hover .img span{-webkit-transform:none;transform:none;}
  #section-featured .pickup .inner{margin-top:-15px;padding:20px;max-width:95%;}
  #section-featured .pickup .inner .ttl{font-size:2rem;margin-bottom:8px;}
  #section-featured .pickup .inner .txt{font-size:1.4rem;}
  #section-featured .pickup .only-pc {display: none;}
  #section-featured .pickup .only-sp {display: block;}
	
  /* -------------------------------------------------- */
  /* #pagetop-banner */
  /* -------------------------------------------------- */
  #pagetop-banner{padding:10px 5% 0}
  #pagetop-banner + #section-main{padding-top:10px}

}