@charset "utf-8";

/*************************************************
		index.html専用
*************************************************/

/*/////////////　index専用のheader　//////////////////////////////*/

/*index上部の切り替わる画像 slider-pro -------------*/
.headerimgs-wrapper{margin-top: 154px;background-color:#040429;}/*background: linear-gradient(#c4e6fd, #f4fcff);*/
/*slider-proの配置画像　トリミング　上下中央*/
#headerimgs.slider-pro{}
.sp-slides-container {}
.sp-mask {height: 650px !important;}
.sp-slide{height: 650px !important;}
.sp-image-container{height: 650px !important;}

.slider-pro p.sp-layer.bigimg1-title1,
.slider-pro p.sp-layer.bigimg1-title2{margin:210px auto 0 auto;right: 0;left: 0;text-align: center;}

.slider-pro p.sp-layer.bigimg2-title1,
.slider-pro p.sp-layer.bigimg2-title2{margin:220px auto 0 250px;right: 0;left: 0;text-align: center;}

.slider-pro p.sp-layer.bigimg3-title1,
.slider-pro p.sp-layer.bigimg3-title2{margin:210px auto 0 auto;right: 0;left: 0;text-align: center;}

.slider-pro p.sp-layer.bigimg4-title1,
.slider-pro p.sp-layer.bigimg4-title2,
.slider-pro p.sp-layer.bigimg4-title3{margin:90px 230px 0 auto;right: 0;left: 0;text-align: center;}

/*slider-proの横の矢印*/
.sp-horizontal .sp-arrows {top: 47%;}
.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {height: 53%;}
	
/*slider-proの下の丸いナビゲーションボタン*/
.sp-buttons {position: absolute;padding-top:0;bottom: -35px;z-index: 5;}




/*/////////////　中ページパーツ　//////////////////////////////*/
.color-red{color:#cc0000;}


/*/////////////　クライアント×東京印刷＝成長戦略の加速　//////////////////////////////*/
.section.index{padding-top:100px;}
.index-midashi{text-align:center;margin:0 10%;}
.shoukai-com1{margin:50px 5% 0 5%;text-align:left;letter-spacing: 0.02em;}

.index-midashi-box{width:530px;position:relative;margin:0 auto;}
.index-midashi1-left{position:absolute;z-index:5;}
.index-midashi1-right{position:absolute;z-index:5;right:0;}


/*/////////////　PICKUP　//////////////////////////////*/
.section.pickup{background:url(../img/pickup_bg.jpg) no-repeat center bottom;padding:90px 0 30px 0;}

.index-midashi.pickup{font-family: "centurygothic";text-align:center;font-size: 250%;color:#fff;margin: -15px 0 30px;letter-spacing:0.05em;text-indent:-0.05em;}

ul.pickup-ul{text-align:center;}
ul.pickup-ul li{display:inline-block;max-width:500px;text-align:left;width:19.5%;margin: 0 0.1% 50px 0.1%;vertical-align: top;}
ul.pickup-ul li a{background-color:#000;display:block;overflow:hidden;}
ul.pickup-ul li img{width:100%;height:auto;}
ul.pickup-ul li a img {transition: 1s;}
ul.pickup-ul li a:hover img {transition: 1s;transform: scale(1.08);opacity:0.6;}
ul.pickup-ul li .title{color:#fff;font-weight:bold;padding:9px 10% 0 12px;line-height: 1.2;}
ul.pickup-ul li .com{font-size:83%;line-height:1.3;color:#fff;padding:8px 10% 0 12px;}


/*/////////////　TOPICS　//////////////////////////////*/
.section.topics-bg{background: url(../web-advertising/img/advert_bg.jpg) no-repeat center center;}

.topics-waku{display:table;width:100%;padding:20px 40px;}/*background-color:#fff;padding:40px 40px 40px 40px;*/
.topics-title{display:table-cell;width:20%;vertical-align:top;background:url(../img/topics_bg.png) no-repeat center center;color:#fff;padding-top:15px;font-family: "centurygothic";text-align:center;font-size:220%;letter-spacing:0;}/*border:10px solid #c4cfe7;background-color:#f6f7fa;color:#003e74;*/
.topics-box{width:100%;height:205px;overflow:auto;
	scrollbar-base-color : #ffffff;
	scrollbar-face-color: #dfdfdf;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;}

.topics-box dl{text-align: left;margin-bottom: 20px;}
.topics-box dl dt{float:left;width:145px;color:#003e74;font-size: 90%;letter-spacing: 0;padding-left: 4%;}
.topics-box dl dd{padding:0 5px 0 145px;line-height: 1.6;color: #444;font-size: 93%;}
/*記事なし*/
.no-topics{text-align: left;font-size: 93%;padding: 30px;}