@charset "UTF-8";

/* =========================================================
 * 
 * 20170301改修
 * ====================================================== */

.h_nav_box a {
	display: inline-block;
}

/* -----------------------------------
 * 左側ナビエリア
 * @ LEFT SIDE NAVI
 * ---------------------------------*/
.upperWrap .nav_area{
	margin-top:110px;
}
.nav_area .nav_warp .firstChild{
	width:370px;
}
.nav_area .nav_box{
	width: 96px;
}

.nav_area .nav_box:nth-of-type(4n) {
	margin-right: 0;
}
.nav_area a{
	font-weight:normal;
}
.indexNewsWrap{
	width:80%;
	margin:0 auto;
}
.indexNewsWrap .ttlArea{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.indexNewsWrap .ttlArea p{
	float:left;
	width:52%;
	font-weight:bold;
}
.indexNewsWrap .ttlArea .link_component{
	float:right;
	width:40%;
	text-align:right;
	margin:0;
}
.indexNewsWrap .newsList{
	line-height:1.5;
}
.indexNewsWrap .newsList .news{
	margin-bottom:15px;
}
.nav_area .nav_warp{
	margin-bottom:0;
}
.supportBtn{
	width:80%;
	margin:0 auto;
}
.supportBtn a{
	display: block;
	width: 100%;
	margin: 0 auto 0;
	padding: 15px;
	text-align: center;
	background: #fff;
	border: 2px solid #004386;
	color: #004386;
	font-weight:bold;
}
.supportBtn a img{
	width:46px;
	vertical-align:middle;
	margin-right:10px;
}
.supportBtn a:hover{
	background:#e6e6e6;
}

.seeAllResouces{
	height:0;
	margin-bottom:120px;
}


/* フッタリンク */


.bottomLink{
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	padding:30px 30px 20px;
	margin-top:100px;
	font-size:80%;
}
.bottomLink .linkBlock{
	float:left;
	width:33%;
}
.bottomLink .linkBlock ul{
	list-style:none;
}
.bottomLink .linkBlock ul li{
	line-height:2.0;
}

.bottomLink .linkBlock ul ul{
	margin-left:15px;
	margin-bottom:10px;
}
.bottomLink .linkBlock ul li a.arrow_red{
	background:url(/content/dam/nttcom/hq/jp/personal/img/icon_arrow_red.png) no-repeat left top 7px;
	padding-left:15px;
}
.bottomLink .linkBlock ul li a.arrow_gray{
	background:url(/content/dam/nttcom/hq/jp/personal/img/icon_arrow_gray.png) no-repeat left top 7px;
	padding-left:15px;
}
.bottomLink .linkBlock ul li a.arrow_blue{
	background:url(/content/dam/nttcom/hq/jp/personal/img/icon_arrow_blue.png) no-repeat left top 7px;
	padding-left:15px;
}
.bottomLink .linkBlock ul li a.arrow_yellow{
	background:url(/content/dam/nttcom/hq/jp/personal/img/icon_arrow_yellow.png) no-repeat left top 7px;
	padding-left:15px;
	font-weight:bold;
}
span.newWin {
	background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_out2.png) no-repeat right center;
	padding-right: 17px;
}
@media screen and (max-width:1024px) {
	.bottomLink .linkBlock{
			width:100%!important;
			float:none!important;
		}
}
.column_component.colnum-6 > .cc-colnum{
	width:16.666%;margin-bottom:40px;
}
.h_nav_box .grid_cols .image_component img{
	width:60px;
}
#index_anchor_02{
	margin-bottom:120px;
}
.index_btn_more01.cf{
	width:66%;
	margin:0 auto
}
.index_btn_more01.cf a{
	float:left;
}
.index_btn_more01.cf a:nth-of-type(2){
	float:right;
}



/*20170310追記分*/
.index_h3_01.index_title_column_01 .index_title{
	color: #004386;
}

.index_h3_01.index_title_column_01{
/*	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	-ms-transition: .5s ease;
	transition: .5s ease;*/
	padding:10px 10px 5px;
}
/*
.index_h3_01.index_title_column_01:hover{
	background:#efefef;
}

.globalSolution .cc-colnum{
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	-ms-transition: .5s ease;
	transition: .5s ease;
}

.globalSolution .cc-colnum:hover{
	background:#efefef;
}
*/

.col_4-1_slider .bx-wrapper .bx-controls-direction a{
	opacity: 1;
}
.sub_backTo-top {
	margin: 50px auto 50px;
}
.nav_area .nav_box2{
	margin-right:0;
}
.nav_area .nav_box:nth-of-type(3n) {
	margin-right: 0;
}
.ttlArea.eventTtl{
	margin-top:30px;
}
.nav_warp .nav_box_wrap{
	display:table;
	margin:0 auto 30px;
	width:80%;
}

.nav_area .nav_box2{
	display:table-cell;
	margin-bottom:0;
	float:none;
	text-align:center;
}
.nav_area .nav_box2:nth-of-type(1){
	width:66px;
}
.nav_area .nav_box2:nth-of-type(2){
	width:110px;
	padding-left:22px;
}
.nav_area .nav_box2:nth-of-type(4){
	width:75px;
}
.nav_area p.date{
	font-size:16px;
}
.nav_area a{
	font-size:14px;
}
/*
.nav_area .nav_box2{
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	-ms-transition: .5s ease;
	transition: .5s ease;
}

.nav_area .nav_box2:hover{
	background:#efefef;
}
*/



.nav_area .nav_box2 a:hover,
.indexNewsWrap a:hover,
.h_nav_box a:hover,
.index_h3_01:hover .index_title span,
.bottomLink a:hover,
h2 a:hover{
	text-decoration:underline;
}

h2 a:hover{
	text-decoration:none;
	border-bottom:2px solid #004386;
}
/* =========================================================
 * タブレット版
 * 768px以下に適応
 * ====================================================== */

@media screen and (max-width:768px){
.upperWrap .nav_area {
	margin-top: 30px;
}
.nav_area .nav_warp .firstChild{
	width:80%;
}
.nav_area .nav_warp .firstChild .nav_box{
	width:33%;
}


.column_component.colnum-6 > .cc-colnum{
	width: 33.33%;
padding: 0 20px 0 0;
}


.index_btn_more01.cf{
	width:100%;
	margin:0 auto
}

#index_anchor_01{
	padding-top:60px;
}

.col_4-1_slider .bx-wrapper .bx-controls-direction a{
	display:block;
	margin-top:25px;
}

.col_4-1_slider .bx-wrapper .bx-prev{
	left: -35%;
}
.col_4-1_slider .bx-wrapper .bx-next{
	right: -35%;
}
.nav_warp .nav_box_wrap{
	table-layout:fixed;
}

	.nav_area .nav_box2:nth-of-type(1){
		width:auto;
	}
	.nav_area .nav_box2:nth-of-type(2){
		width:auto;
		padding-left:0;
	}
	.nav_area .nav_box2:nth-of-type(4){
		width:auto;
	}



}






/* =========================================================
 * スマホ版
 * 480px以下に適応
 * ====================================================== */

@media screen and (max-width:480px){
	
	.nav_area .nav_warp .firstChild,.indexNewsWrap,.supportBtn{
		width:100%;
	}
	.grid_contents .h_nav_box .grid_cols .cc-colnum {
		width: 50%;
		float:left;
	}
	#index_anchor_01{
		padding-top:0;
	}
	.col_4-1_slider .bx-wrapper .bx-controls-direction a{
		display:block;
		margin-top:0;
		top: -19%;
	}
	.col_4-1_slider .bx-wrapper .bx-prev{
		left: -35%;
	}
	.col_4-1_slider .bx-wrapper .bx-next{
		right: -35%;
	}
	.nav_warp .nav_box_wrap{
		width:100%;
	}
}


.slide_area .bx-wrapper .bx-controls-direction a{
	opacity:1;
}
.slide_area .bx-wrapper .bx-controls-direction a:hover{
	opacity:1;
}
.slide_area .bx-wrapper .bx-prev{
	left:45px;
}
.slide_area .bx-wrapper .bx-next{
	right:45px;
}
.slide_area .bx-wrapper .bx-controls-direction a{
	height:70px;
	width:40px;
	margin-top:-52px;
}

.slide_area:hover .bx-wrapper .bx-controls-direction a {
	opacity: 1;
}