@charset "UTF-8";
/*!
*/
/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- 汎用コンポーネント -----
 *
 *
------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* =========================================================
 * 汎用コンポーネントボックス
 * @ Component Block
 * ====================================================== */
.component_block {
	width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}


/* =========================================================
 * 汎用一覧
 * @ General Purpose List
 * ====================================================== */
/*リストのタイトル*/
.generalPurpose_list-title {
	margin-bottom: 20px;
	border-bottom: rgb(200,200,200) solid 2px;
	color: #333;
}

/*リストの外枠*/
.generalPurpose_list {
	display: block;
}
/*リストの項目*/
.generalPurpose_list_item {
/*	display: list-item;
	list-style: inside disc;*/
	margin-bottom: 10px;
	color: #004386;
}
.generalPurpose_list_item:last-child {
	margin-bottom: 0;
}
/*項目毎のタイトル*/
.generalPurpose_list_item-title {
	font-size: 18px;
}
.generalPurpose_list_item-title a {
	color: #004386;
}
/*項目の日付*/
.generalPurpose_list_item-date {
	margin-top: 5px;
	color: #333;
}



/* =========================================================
 * 汎用記事
 * @ General Purpose Article
 * ====================================================== */
/*記事*/
.generalPurpose_article {
	width: 100%;
}

/*記事日付*/
.generalPurpose_article-date {
	width: 20%;
	margin: 0 auto 20px;
	text-align: center;
}

/*記事タイトル*/
.generalPurpose_article-title {
	width: 80%;
	margin: 0 auto 10px;
	text-align: center;
}

/*記事本文*/
.generalPurpose_article-text {
	width: 100%;
}


/* =========================================================
 * 汎用回り込み
 * @ General Purpose Contents
 * ====================================================== */
.generalPurpose_contents {
	width: 100%;
}
/* ----- clearfix ----- */
.generalPurpose_contents:before, .generalPurpose_contents:after {
	content: " ";
	display: table;
}
.generalPurpose_contents:after {
	clear: both;
}

.generalPurpose_contents img {
	max-width: 100%;
}

.general_imgtxt.leftBox{
	float:left;
}
.general_imgtxt.rightBox{
	float:right;
}

.general_imgtxt.leftBox.imgBox,
.general_imgtxt.rightBox.imgBox{
	/*width: 30%;*/
	max-width:100%;
}

.general_imgtxt.rightBox.imgBox{
	padding:0 10px;
}
.general_imgtxt.txtBox{
	width:auto;
}

.general_imgtxt.rightBox.txtBox,
.general_imgtxt.leftBox.txtBox{
	/*width: 70%;*/
	max-width:100%;
}

.general_imgtxt.leftBox.imgBox{
	padding:0 10px;
}
.general_imgtxt.upperBox.imgBox,
.general_imgtxt.bottomBox.imgBox{
	text-align:left;
	font-size: 0;
	max-width:100%;
}
.general_imgtxt.upperBox.imgBox div,
.general_imgtxt.bottomBox.imgBox div{
	float: left;
	padding: 0 5px;
	font-size: 100%;
}
.general_imgtxt.upperBox.txtBox,
.general_imgtxt.bottomBox.txtBox {
	width: 100%;
}
.general_imgtxt.upperBox.txtBox {
	margin-bottom:10px;
}
.general_imgtxt.bottomBox.txtBox {
	margin-top:10px;
}
.general_imgtxt.imgBox{
	text-align:center;
}
/*旧CSS*/


/* -------------------- （左）画像1-4点+（右）テキスト：テキスト回り込みなし -------------------- */
.generalPurpose_contents-leftImage-noAround .generalPurpose_contents_left {
	float: left;
	width: 30%;
	padding-right: 20px;
}

.generalPurpose_contents-leftImage-noAround .generalPurpose_contents_right {
	float: right;
	width: 70%;
}

/* -------------------- （左）画像1-4点+（右）テキスト：テキスト回り込みあり -------------------- */
.generalPurpose_contents-leftImage-around .generalPurpose_contents_left {
	float: left;
	width: 30%;
	padding-right: 20px;
}

.generalPurpose_contents-leftImage-around .generalPurpose_contents_right {
	width: auto;
	word-wrap: normal;
	overflow-wrap: normal;
}

/* -------------------- （左）テキスト+（右）画像1-4点：テキスト回り込みなし -------------------- */
.generalPurpose_contents-rightImage-noAround .generalPurpose_contents_left {
	float: right;
	width: 30%;
	padding-left: 20px;
}

.generalPurpose_contents-rightImage-noAround .generalPurpose_contents_right {
	float: left;
	width: 70%;
}

/* -------------------- （左）テキスト+（右）画像1-4点：テキスト回り込みあり -------------------- */
.generalPurpose_contents-rightImage-around .generalPurpose_contents_left {
	float: right;
	width: 30%;
	padding-left: 20px;
}

.generalPurpose_contents-rightImage-around .generalPurpose_contents_right {
	width: auto;
	word-wrap: normal;
	overflow-wrap: normal;
}

/* -------------------- （上）画像1-4点+（下）テキスト -------------------- */
.generalPurpose_contents-upperImage .generalPurpose_contents_upper {
	font-size: 0;
	margin-bottom: 20px;
	text-align: center;
}
.generalPurpose_contents-upperImage .generalPurpose_contents-imgBox {
	display: inline-block;
	width: 25%;
	padding: 0 5px;
	font-size: 100%;
}
.generalPurpose_contents-upperImage .generalPurpose_contents-imgBox:first-child {
	padding-left: 0;
}
.generalPurpose_contents-upperImage .generalPurpose_contents-imgBox:last-child {
	padding-right: 0;
}
.generalPurpose_contents-upperImage .generalPurpose_contents_bottom {
	width: 100%;

}

/* -------------------- （上）テキスト+（下）画像1-4点 -------------------- */
.generalPurpose_contents-bottomImage .generalPurpose_contents_upper {
	width: 100%;
	margin-bottom: 20px;
}

.generalPurpose_contents-bottomImage .generalPurpose_contents_bottom {
	font-size: 0;
	text-align: center;
}
.generalPurpose_contents-bottomImage .generalPurpose_contents-imgBox {
	display: inline-block;
	width: 25%;
	padding: 0 5px;
	font-size: 100%;
}
.generalPurpose_contents-bottomImage .generalPurpose_contents-imgBox:first-child {
	padding-left: 0;
}
.generalPurpose_contents-bottomImage .generalPurpose_contents-imgBox:last-child {
	padding-right: 0;
}

/*旧CSS*/

/* =========================================================
 * 枠囲
 * @ Enclose a Frame
 * ====================================================== */
.enclose_frame {
	border: #000000 solid 1px;
}
.enclose_frame-gray {
	border: #666666 solid 1px;
}
.enclose_frame-blue {
	border: #004386 solid 1px;
}
.enclose_frame-white {
	border: #ffffff solid 1px;
}



/* =========================================================
 * ボタン
 * @ BUTTON
 * ====================================================== */
.button-default {
	display:inline-block;
	padding: 5px 10px;
	background: none;
	border: #004386 solid 2px;
	color:#004386;
	font-size: 100%;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	margin-top:20px;
	margin-bottom:30px;
}

/* =========================================================
 * ダウンロード
 * @ DOWNLOAD
 * ====================================================== */
.action-download {
	padding-left: 20px;
	background: none;
	background-color: transparent;
	background-image: url(/content/dam/nttcom/cmn/img/icn-download-blue.png);
	background-repeat: no-repeat;
	background-position: left center;
	border: none;
	color:#004386;
	font-size: 100%;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}
.download{
	line-height:1.5;
}
.download span{
	color:#888;
}
.download img{
	vertical-align:middle;
	margin-right:5px;
}
a[download] {
  font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
  font-weight: bold;
}
/* =========================================================
 * リンク
 * @ link_component
 * ====================================================== */
.link_component{
	margin-top:20px;
	margin-bottom:30px;
}
.link_component a {
	text-decoration: none;
}
.link_component a:after {
	content: url(/content/dam/nttcom/cmn/img/icon_right_arrow.png);
	margin-left: 10px;
}
@media screen and (max-width:480px) {
/* =========================================================
 * MOBILE
 * ====================================================== */
.link_component a {
	line-height:1.5;
}
}
/* =========================================================
 * PDFリンク
 * @ pdfDownload
 * ====================================================== */
.pdfDownload img{
	vertical-align:text-bottom;
}

/* =========================================================
 * 画像コンポーネント
 * @ IMAGE
 * ====================================================== */
.image_component {
	position: relative;
	margin-bottom:20px;
}
.image_component img {
/*	width: 100%;
	height: auto;*/
}
/*
.image_component p,
.image_component div {
	position: absolute;
}
.image_component div div {
	position: static;
}
*/
@media screen and (max-width:768px) {
	.general_imgtxt.rightBox.imgBox{
		padding:0 5px;
	}
	.general_imgtxt.leftBox.imgBox{
		padding:0 5px;
	}
}
/*　記述例：<div class="image_component"><img src="xxxxx"></div>　*/
@media screen and (max-width:768px) {
/* =========================================================
 * TABLET
 * ====================================================== */
.image_component img {
	max-width: 100%;
	height: auto;
}
}




/* =========================================================
 * アコーディオン
 * @ accordion
 * ====================================================== */
/* -----------------------------------
 * アコーディオン
 * @ accordion
 * ---------------------------------*/

.accordion_component{
	max-width:840px;
	margin:0 auto;
}
.accordion_header {
	position: relative;
	color:#004386;
	font-size: 24px;
	font-weight:bold;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.3;
	border-top: rgb(204,206,218) solid 1px;/*10/8削除指示　4/1復活指示*/
}
.accordion_header:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 50%;
	right: 0;
	margin-top: -12px;
	background: url(/content/dam/nttcom/cmn/img/btn-blind-open.png) left top no-repeat;
	background-size: contain;
}
.accordion_header:not(.ac-leftIcon) {
	padding-right: 2rem;
}
.accordion_header.ac-leftIcon {
	padding-left: 2rem;
}
.accordion_header.ac-leftIcon:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 0;
	margin-top: -12px;
	background: url(/content/dam/nttcom/cmn/img/btn-blind-open.png) left top no-repeat;
	background-size: contain;
}
.accordion_header.ac-leftIcon:after {
	display: none;
}

.accordion_header.accordion-close:after,
.accordion_header.accordion-close.ac-leftIcon:before {
		background-image: url(/content/dam/nttcom/cmn/img/btn-blind-close.png);
}

.accordion_contents {
	display: none;
	padding-top: 30px;
	padding-bottom: 50px;
}
.accordion_contents.ac-open {
	display: block;
}
.accordion_contents h4{
	line-height:1.5;
}

@media screen and (max-width:768px) {
/* =========================================================
 * TABLET
 * ====================================================== */
.accordion_component{
	width:66.6667%;
}
.accordion_header {
	font-size: 1rem;
}
.accordion_contents {
	padding-bottom: 100px;
}

}

@media screen and (max-width:480px) {
/* =========================================================
 * MOBILE
 * ====================================================== */
.accordion_component{
	width:100%;
}
.accordion_contents {
	padding-top: 10px;
	padding-bottom: 10px;
}

}



/* =========================================================
 * 列
 * @ column_component
 * ====================================================== */
.column_component {
	width: 100%;
}
/* ----- clearfix ----- */
.column_component:before, .column_component:after {
	content: " ";
	display: table;
}
.column_component:after {
	clear: both;
}
/*For IE 6/7 only*/
.column_component {
	*zoom: 1;
}

.column_component .cc-colnum {
	float: left;
}

/* -----------------------------------
 * 2列
 * @ colnum-2
 * ---------------------------------*/
.column_component.colnum-2 > .cc-colnum {
	width: 50%;
	padding: 0 20px;
}
 /* -----------------------------------
 * 3列
 * @ colnum-3
 * ---------------------------------*/
.column_component.colnum-3 > .cc-colnum {
	width: 33.33%;
	padding: 0 20px 0 0;
}
.column_component.colnum-3 > .cc-colnum:nth-of-type(2) {
	width: 33.34%;
	padding: 0 20px 0 0;
}
 /* -----------------------------------
 * 4列
 * @ colnum-4
 * ---------------------------------*/
.column_component.colnum-4 > .cc-colnum {
	width: 25%;
	padding: 0 20px;
}

@media screen and (max-width:768px) {
/* =========================================================
 * TABLET
 * ====================================================== */
 /* -----------------------------------
 * 4列
 * @ colnum-4
 * ---------------------------------*/
.column_component.colnum-4 > .cc-colnum {
	width: 50%;
	padding: 0 20px;
}
}

@media screen and (max-width:480px) {
/* =========================================================
 * MOBILE
 * ====================================================== */
	.column_component .cc-colnum {
		float: none;
	}
	 /* -----------------------------------
	 * 列
	 * @ colnum
	 * ---------------------------------*/
	.column_component.colnum-2 > .cc-colnum,
	.column_component.colnum-3 > .cc-colnum,
	.column_component.colnum-3 > .cc-colnum:nth-of-type(2) ,
	.column_component.colnum-4 > .cc-colnum {
		width: 100%;
		padding: 0 20px 0 0;
	}
}

/* =========================================================
 * 関連リソース
 * @ related_resource_component
 * ====================================================== */
.related_resource_component {
	display: table;
	width: 100%;
}
.related_resources_leftSide,
.related_resource_rightSide {
	display: table-cell;
}
.related_resources_leftSide {
	width:157px;
}
.related_resource_rightSide {
	padding: 54px 1rem 2rem;
	vertical-align: top;
}


.related_resources_title {
	width:157px;
	height:157px;
	background-image: url(/content/dam/nttcom/cmn/img/bg_blue.png);
	background-position: left top;
	background-size: contain;/*3/11coverからcontainに変更*/
	background-repeat: no-repeat;
	display: table;
}
.related_resources_title_inner {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
.related_resources_title_inner img {
	margin-top: 30px;
}
.related_resources_title-text {
	margin-top: .5rem;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 25px;
	line-height: 1.3;
}

.related_services_title-text {
	margin-top: .5rem;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 25px;
	line-height: 1.3;
}

@media screen and (max-width:768px) {
/* =========================================================
 * TABLET
 * ====================================================== */
.related_resources_leftSide {
	width:100px;
}
.related_resource_rightSide {
	padding: 40px 1rem 2rem;
	vertical-align: top;
}

.related_resources_title {
	width: 100px;
	height: 100px;
}

.related_resources_title-text {
	margin-bottom: 15px;
	color: #333;
	padding: 0;
}

.related_resources_title_inner {
	vertical-align: middle;
}
.related_resources_title_inner img {
	margin-top: 0;
}

.related_services_title-text {
	padding: 0;
}
}

@media screen and (max-width:480px) {
/* =========================================================
 * MOBILE
 * ====================================================== */

.related_resource_component {
	display: block;
	margin-bottom: 20px;
}
.related_resources_leftSide,
.related_resource_rightSide {
	display: block;
	width: 100%;
}
.related_resource_rightSide {
	padding: 0 0 15px;
	border-bottom: rgb(204,204,204) solid 1px;
}

.related_resources_title {
	display: block;
	width: 100%;
	height: auto;
	background-image: none;
}

.related_resources_title_inner {
	display: block;
	width: 100%;
	text-align: left;
}
.related_resources_title_inner img {
	display: none;
}
.related_resources_title-text {
	margin: 0 0 20px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}
.related_services_title-text {
	padding: 0;
}

}


/* =========================================================
 * プロモーションダイヤ
 * @ promotion_diamonds_component
 * ====================================================== */
.groupSet .promotion_diamonds_component ,.groupSet .promotion_diamonds_component2{
	width:33%;
	float:left;
	padding: 0 0.8%;
}
.promotion_diamonds_component ,.promotion_diamonds_component2{
	margin-bottom:50px;
}
.promotion_diamonds_image {
	position: relative;
	width: 316px;
	margin: 0 auto 20px;
}
.promotion_diamonds_image > img {
	vertical-align: bottom;
}


.promotion_diamonds_icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 158px;
	height: 158px;
	margin-left: -79px;
}
.promotion_diamonds_icon img {
	width: 100%;
	vertical-align: top;
}

.promotion_diamonds_image + p {
	margin-bottom: 20px;
	font-size: 16px;
}
/* ----- / @media screen and (max-width:768px) ----- */
@media screen and (max-width: 768px) {
.promotion_diamonds_component {
	padding: 0 0.8%;
}
.promotion_diamonds_image {
	width: 100%;
}

.promotion_diamonds_image > img {
	display: none;
}
.promotion_diamonds_icon {
	position: static;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin-left: auto;
}
.promotion_diamonds_component2 .promotion_diamonds_image > img {
	display: block;
	width:100%;
}

.promotion_diamonds_component2 .promotion_diamonds_icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -39px;
}


}
/* ----- / @media screen and (max-width:480px) ----- */
@media screen and (max-width: 480px) {
.groupSet .promotion_diamonds_component,.groupSet .promotion_diamonds_component2{
	width:100%;
}
.promotion_diamonds_component2 .promotion_diamonds_icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50%;
	height: auto;
	margin-left: -25%;
}

}

/* 計算メモ　10.05　Koizumi

@for $i from 1 through 100 {
	$colw : 336px;
	$colh : 336px;
	$starttop : ($colh/2);
	$startleft: ($colw/2);

	i/5

	.sub_rows .sub_col_{$i} {
		position: absolute;
		top: $starttop * $i;
		left: $startleft * $i;
	}
}


.sub_rows .sub_col_1 {
	position: absolute;
	top: 168px;
	left: 168px;
}
.sub_rows .sub_col_2 {
	position: absolute;
	top: 168px;
	left: 504px;
}
.sub_rows .sub_col_4 {
	position: absolute;
	top: 336px;
	left: 0px;
}
.sub_rows .sub_col_3 {
	position: absolute;
	top: 336px;
	left: 336px;
}
.sub_rows .sub_col_5 {
	position: absolute;
	top: 336px;
	left: 672px;
}



.sub_rows .sub_col_6 {
	position: absolute;
	top: 504px;
	left: 168px;
}
.sub_rows .sub_col_7 {
	position: absolute;
	top: 504px;
	left: 504px;
}
.sub_rows .sub_col_9 {
	position: absolute;
	top: 672px;
	left: 0px;
}
.sub_rows .sub_col_8 {
	position: absolute;
	top: 672px;
	left: 336px;
}
.sub_rows .sub_col_10 {
	position: absolute;
	top: 672px;
	left: 672px;
}
*/




/* =========================================================
 * タブ
 * @ tabNavigation
 * ====================================================== */
/* -----------------------------------
 * タブ
 * @ TAB
 * ---------------------------------*/
.tabNavigation,
.tabNavi-transition {
	display: block;
	margin-bottom:60px;
	background-color: rgb(247,247,247);
}
.tabNavigation .tabLayout,
.tabNavi-transition .tabLayout {
	display: table;
	width: 1260px;
	margin: 0 auto;
	table-layout: fixed;
}
.tabLayout.tabItemWrapper div {
	display: table-cell;
	height: 75px;
	color: rgb(24,57,123);
	border-left: rgb(219,219,219) solid 1px;
	text-align: center;
	font-weight: bold;
	vertical-align:middle;
}

.tabLayout.tabItemWrapper div span {
	line-height:1.5;
}

.tabItem_anchor {
	display: table;
	width:100%;
	height:100%;
}
.tabLayout.tabItemWrapper div a {
	display: table-cell;
	color: rgb(24,57,123);
	width:100%;
	height:100%;
	line-height:1.5;
	vertical-align: middle;
}











.tabItemWrapper div:first-child {
	border-left: none;
}

.tabItemWrapper div.tabSelect,
.tabItemWrapper div.tabSelect:hover {
	background-color: rgb(139,24,109);
	color: rgb(255,255,255);
}

.tabItemWrapper div.tabSelect a {
	color: rgb(255,255,255);
}

.tabItemWrapper div:not(.tabSelect):hover {
	background-color: rgba(139,24,109,.8);
	color: rgb(255,255,255);
	cursor: pointer;
}
.tabItemWrapper div:hover a {
	color: rgb(255,255,255);
}


.tabLayout .tabNavigation_contents {
	display: none;
	margin: 0 auto;
	padding:0;
}
.grid_contents.groupSet .tabLayout .tabNavigation_contents.grid_cols  {
	display: none;
}

@media screen and (max-width:768px) {
	.tabNavigation .tabLayout,
	.tabNavi-transition .tabLayout {
		width: 100%;
	}
	.tabNavigation_contents .accordion_component{
		width:100%;
	}
}

@media screen and (max-width:480px) {
	.tabChange_dropdown {
		margin-bottom: 20px;
	}
	.tabChange_dropdown select {
		width: 100%;
		padding: 10px;
		background-color: #fff;
		border: rgb(204,204,204) solid 1px;
		color: rgb(24,57,123);
		font-weight: bold;
		font-size: 1.2rem;
	}
}













/* =========================================================
 * 横スクロール枠
 * @
 * ====================================================== */
.scroll-box {
	overflow-x: auto;
	margin-bottom:30px;
/*	-webkit-overflow-scrolling: touch;*/
}
.scroll-box::-webkit-scrollbar {
	height: 8px;
}
.scroll-box::-webkit-scrollbar-track {
	background: #eee;
}
.scroll-box::-webkit-scrollbar-thumb {
	background: #aaa;
	border: #999 solid 1px;
}
.scroll-box::-webkit-scrollbar-thumb:hover {
	background: #999;
	border-color: #888;
}
.scroll-box table{
	margin-bottom:0;
}


/* =========================================================
 * イベントコンポーネント
 * @ event_component
 * ====================================================== */
/* -----------------------------------
 *
 * @
 * ---------------------------------*/
.event_component {
	max-width: 50%;
}
.event_component {
	margin:0 auto;
}

.event_component .image_component {
	margin: 0 auto 60px;
	text-align: center;
}
.event_date {
	margin-bottom: 10px;
}
.event_place {
	margin-bottom: 30px;
}

.event_detail {
	margin-bottom: 10px;
}
.event_detail p:not(:last-child) {
	margin-bottom: 20px;
}
@media screen and (max-width:768px) {
	.event_component {
		min-width: 100%;
		margin: 0;
	}
}
@media screen and (max-width:480px) {
	.event_component .image_component {
		margin-bottom: 40px;
	}
}


/* =========================================================
 * サービスオファー
 * @ servicesOffered_component
 * ====================================================== */
/* -----------------------------------
 *
 * @
 * ---------------------------------*/
.servicesOffered_component {
	overflow: visible;
	min-height: 654px;
}

/* -----------------------------------
 * タイトル背景三角
 * @ TITLE BACKGROUND
 * ---------------------------------*/
.servicesOffered_component_title_bg {
	z-index: -1;
	position: absolute;
	left: 0;
}
.servicesOffered_component_title_bg img {
	width: auto;
	height: 654px;
}



/* -----------------------------------
 * コンテンツブロック
 * @ CONTENTS　BLOCK
 * ---------------------------------*/
.servicesOffered_component_contents {
	display: table;
	margin-top: 100px;
	height: 654px;
	width:1260px;
}
.servicesOffered_component_contents.grid_contents.groupSet > div.servicesOffered_contents-item {
	display: table-cell;
	float: none;
	height: auto;
	text-align: left;
	vertical-align: middle;
}
.servicesOffered_component_contents.grid_contents.groupSet > div.grid_cols:nth-of-type(2) {
}



/* -----------------------------------
 * タイトル
 * @ TITLE
 * ---------------------------------*/
.servicesOffered_component_title {
	width:300px;
	height: 654px;
	display:table;
}
.servicesOffered_component_title h2 {
	margin: 0;
	font-size:23px;
	display: table-cell;
	vertical-align: middle;
	padding-left:30px;
}


/* -----------------------------------
 * コンテンツ
 * @ CONTENTS
 * ---------------------------------*/
.servicesOffered_contents-item .svceTopSvceOfferedListGlobalPar .section,
.servicesOffered_contents-item .svceTopSvceOfferedListPar .section {
	width: 45%;
}
.servicesOffered_contents-item .svceTopSvceOfferedListGlobalPar .section:nth-child(odd),
.servicesOffered_contents-item .svceTopSvceOfferedListPar .section:nth-child(odd) {
	float: left;
}
.servicesOffered_contents-item .svceTopSvceOfferedListGlobalPar .section:nth-child(even),
.servicesOffered_contents-item .svceTopSvceOfferedListPar .section:nth-child(even) {
	float: right;
}

.servicesOffered_component h3 {
	margin-bottom: 10px;
	color:#004386;
	font-weight:bold;
}
.servicesOffered_component_text {
	margin-bottom: 0;
}

/* -----------------------------------
 * 動画埋め込み
 * @ VIDEO
 * ---------------------------------*/
.video_component {
	text-align:center;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}



/* --------------------------------------------------------------------
 * TAB
 * ------------------------------------------------------------------*/
@media screen and (max-width:768px) {
	/* -----------------------------------
	 * Tab
	 * タイトル背景三角
	 * @ TITLE BACKGROUND
	 * ---------------------------------*/
	.servicesOffered_component_title_bg {
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 0;
	}
	.servicesOffered_component_title_bg img {
		width: auto;
		height: 654px;
	}


	/* -----------------------------------
	 * Tab
	 * コンテンツブロック
	 * @ CONTENTS　BLOCK
	 * ---------------------------------*/
	.servicesOffered_component_contents {
		display: block;
		margin-top: 0;
		padding-top: 200px;
		height: auto;
		width:100%;
	}
	.servicesOffered_component_contents.grid_contents.groupSet > div.grid_cols {
		display: block;
		float: none;
		height: auto;
		text-align: left;
		vertical-align: middle;
	}


	/* -----------------------------------
	 * Tab
	 * タイトル
	 * @ TITLE
	 * ---------------------------------*/

	.servicesOffered_component_title {
		display: block;
		height: auto;
		width: 100%;
	}
	.servicesOffered_component_title h2 {
		margin: 0 0 30px;
		text-align: center;
		display:block;
		padding:0;
	}
}



/* --------------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------------*/
@media screen and (max-width:480px) {
	/* -----------------------------------
	 * Mob
	 * タイトル背景三角
	 * @ TITLE BACKGROUND
	 * ---------------------------------*/
	.servicesOffered_component_title_bg img {
		height: 327px;
	}


	/* -----------------------------------
	 * Mob
	 * コンテンツブロック
	 * @ CONTENTS　BLOCK
	 * ---------------------------------*/
	.servicesOffered_component_contents {
		padding-top: 200px;
	}



	/* -----------------------------------
	 * Mob
	 * コンテンツ
	 * @ CONTENTS
	 * ---------------------------------*/
	.servicesOffered_component_text {
		margin-bottom: 40px;
	}

	.servicesOffered_contents-item {
		width: 100%;
	}
	.servicesOffered_contents-item:nth-child(odd) {
		float: none;
	}
	.servicesOffered_contents-item:nth-child(even) {
		float: none;
	}

	.servicesOffered_contents-item .svceTopSvceOfferedListGlobalPar .section,
	.servicesOffered_contents-item .svceTopSvceOfferedListPar .section {
		width: 100%;
	}
	.servicesOffered_contents-item .svceTopSvceOfferedListGlobalPar .section:nth-child(odd),
	.servicesOffered_contents-item .svceTopSvceOfferedListPar .section:nth-child(odd) {
		float: none;
	}
	.servicesOffered_contents-item .svceTopSvceOfferedListGlobalPar .section:nth-child(even),
	.servicesOffered_contents-item .svceTopSvceOfferedListPar .section:nth-child(even) {
		float: none;
	}




}

/* =========================================================
 * /*サービス振り分けコンポーネント
 * @ serviceAllocation_contents
 * ====================================================== */
.serviceAllocation_contents {
	width: auto;
}
.serviceAllocation_contents_body {
	display: table;
	margin: 0 auto;
	table-layout: fixed;
}
.serviceAllocation_contents_item {
	display: table-cell;
	width: 315px;
}


.serviceAllocation_contents .serviceAllocation_contents_item{
	border-right:1px solid #ccc;
}
.serviceAllocation_contents .serviceAllocation_contents_item:first-child{
	border-left:1px solid #ccc;
}
.serviceAllocation_contents .serviceAllocation_contents_item{
	padding: 0 1.5%;
}
.serviceAllocation_contents h3{
	background:#f2f3f8;
	padding:10px;
	text-align:center;
	font-size:18px;
	color:#04448e;
	margin-top:0;
}
.serviceAllocation_contents .box{
	padding:15px 0;
}
.serviceAllocation_contents h4{
	margin-top:0;
	margin-bottom:10px;
}
.serviceAllocation_contents p{
	font-size:16px;
}
.serviceAllocation_contents_body:hover .serviceAllocation_contents_item {
	opacity: 0.5;
}
.serviceAllocation_contents .serviceAllocation_contents_item {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.serviceAllocation_contents_body .serviceAllocation_contents_item:hover {
	opacity: 1;
}
.botdo{
	border-top:1px dotted #ccc;
}
.bobdo{
	border-bottom:1px dotted #ccc;
}
.redLink{
	list-style:none;
	margin:10px 0 0;
	padding:0;
}
.redLink li{
	display:inline-block;
	background:url(/content/dam/nttcom/cmn/img/icn_right_arrow_wh.png) no-repeat right 5px center #d80000;
	font-size:12px;
	padding:2px 18px 3px 7px;
	margin:5px 5px 0 0;
}
.redLink li a:link,
.redLink li a:visited{
	color:#fff;
}


/* --------------------------------------------------------------------
 * TAB
 * ------------------------------------------------------------------*/
@media screen and (max-width:768px) {
	.serviceAllocation_contents_item {
		width: 192px;
	}
/*.serviceAllocation_contents .grid_cols{
	margin-bottom:20px;
}
.serviceAllocation_contents .grid_cols{
	border:none;
}
.serviceAllocation_contents .grid_cols:first-child{
	border:none;
}
.serviceAllocation_contents .grid_cols:nth-child(even){
	border:none;
}
.serviceAllocation_contents p{
	margin-bottom:10px;
}
.serviceAllocation_contents:hover .grid_cols {
	opacity: 1;
}*/
/* ----- / @media screen and (max-width:768px) ----- */
}
/* --------------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------------*/
@media screen and (max-width:480px) {
	.serviceAllocation_contents_body {
		display: block;
		margin: 0 auto;
	}
	.serviceAllocation_contents_item {
		display: block;
		width: auto;
	}
	.serviceAllocation_contents .serviceAllocation_contents_item{
		margin-top:20px;
		border-right: none;
	}
	.serviceAllocation_contents .serviceAllocation_contents_item:first-child{
		border-left: none;
	}

/*.serviceAllocation_contents .grid_cols{
	border-right:none;
	margin-top:20px;
}
.serviceAllocation_contents .grid_cols:first-child{
	border-left:none;
}*/
/* ----- / @media screen and (max-width:480px) ----- */
}

/*--------------------------------------------------
カルーセル(個人向けサイト用)カルーセルの設定上書き
--------------------------------------------------*/
#CarouselTopPS .image_component {
	position: static;
	margin-bottom: 0;
}
#CarouselTopPS .image_component img {
	width: 100%;
}

#CarouselTopPS .sp-buttons {
	padding: 0;
	top: -40px;
	height: 0;
	opacity: 0;
}
#CarouselTopPS:hover .sp-buttons {
	opacity: 1;
}
@media screen and (max-width:480px) {
	#CarouselTopPS .sp-buttons {
		top: -20px;
		opacity: 1;
	}
	#CarouselTopPS .sp-button {
		width: 10px;
		height: 10px;
	}
}

/* =========================================================
 * /*おすすめセットコンポーネント
 * @ recoSet_contents
 * ====================================================== */
/*おすすめセットコンポーネント*/
.recoSet_contents .recoBox {
	display: table-cell;
	width: 310px;
	padding:0 10px;
}


.recoSet_contents_body:hover .recoBox {
	opacity: .5;
}
.recoSet_contents_body .recoBox {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.recoSet_contents_body .recoBox:hover {
	opacity: 1;
}



.recoSet_contents .recoInner{
	border:5px solid #f2f3f8;
	margin-bottom:50px;
}

.recoSet_contents .recoBox h3{
	font-size:18px;
	text-align:center;
	margin:0;
	background:#f2f3f8;
	padding:10px;
}
.recoSet_contents .recoBox .image_component{
	margin-top:25px;
	margin-bottom:15px;
}
.recoSet_contents .recoBox p{
	padding:10px;
	font-size:16px;
	margin-bottom:0;
	text-align:left;
}
.recoSet_contents .recoBox .link_component{
	margin:0 10px 10px;
}
.recoSet_contents {
	width: auto;
}
.recoSet_contents_body {
	display: table;
	margin: 0 auto;
	table-layout: fixed;
}

/* --------------------------------------------------------------------
 * TAB
 * ------------------------------------------------------------------*/
@media screen and (max-width:768px) {
	.recoSet_contents .recoBox {
		width: 192px;
		padding:0 5px;
	}
	.recoSet_contents .recoBox .image_component{
		margin-top:10px;
		margin-bottom:15px;
		margin-right:5px;
		margin-left:5px;
	}
/* ----- / @media screen and (max-width:768px) ----- */
}
/* --------------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------------*/
@media screen and (max-width:480px) {
	.recoSet_contents_body {
		display: block;
		margin: 0 auto;
	}
	.recoSet_contents .recoBox {
		display: block;
		width: auto;
	}

.recoSet_contents .recoInner{
	margin-bottom:20px;
}
.recoSet_contents .recoBox p{
	margin-bottom:0;
}

/* ----- / @media screen and (max-width:480px) ----- */
}






/* =========================================================
 * /*お知らせ（最新記事）コンポーネント
 * @ topInfo_news_contents
 * ====================================================== */

.topInfo_news_contents h3{
	border-left:3px solid #004387;
	padding-left:10px;
	font-size:18px;
}
.topInfo_news_block{
	list-style:none;
	margin:0 0 40px;
	padding:0;
}
.topInfo_news_block li{
	border-bottom:1px dotted #ccc;
	padding:12px 10px;
}
.topInfo_news_block li:first-child{
	border-top:1px dotted #ccc;
}
.topInfo_news_block h4,
.topInfo_news_block p{
	margin:0;
	padding:0;
	font-size:16px;
}
.topInfo_news_block h4{
	margin-bottom:12px;
}

/* --------------------------------------------------------------------
 * TAB
 * ------------------------------------------------------------------*/
@media screen and (max-width:768px) {


/* ----- / @media screen and (max-width:768px) ----- */
}
/* --------------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------------*/
@media screen and (max-width:480px) {



/* ----- / @media screen and (max-width:480px) ----- */
}


/* =========================================================
 * /*主導線ナビゲーション
 * @ kojin_topNav
 * ====================================================== */

/*追従するメニュー*/
.inview-on {
	background: #8C186D;
}
.inview-on a:link,
.inview-on a:visited {
	color: #fff;
}
.kojin_topNav{
	width:100%;
	border:1px solid #c6c6c6;
	border-left:none;
	border-right:none;
	margin-bottom:30px;
}
.kojin_topNav .sectioning_layout-inner {
	position: static;
}

.kojin_topNav-fixed {
	z-index: 969;
	position: fixed;
}
.kojin_topNav .sp_menu_area{
	display:none;
}
.kojin_topNav ul{
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	table-layout: auto;
	width:100%;
	border-left:1px solid #c6c6c6;
	background:#fff;
}
.kojin_topNav ul li{
	display:table-cell;
	font-size:15px;
	border-right:1px solid #c6c6c6;
	text-align:center;
}
.kojin_topNav ul li a{
	display:block;
	padding:10px 14px;
	font-weight:bold;
}
.kojin_topNav ul li a.contact{
	background:#003572;
	color:#fff;
	margin:3px;
}
/*申込み*/
.kojin_topNav ul li a.application{
	background:#d80000;
	color:#fff;
	margin:3px;
}
/*開く申込み*/
.kojin_topNav ul li a.subscription{
	background:#d80000;
	color:#fff;
	margin:3px;
}

.kojin_topNav ul li a img{
	vertical-align:middle;
	padding-right:5px;
}
/* お問い合わせアコーディオン */
.contact_second_nav {
	display: none;
	position: absolute;
	background:#fff;
	border:1px solid #c6c6c6;
	text-align:left;
	z-index: 969;
}
.contact_second_nav img{
	padding:10px;
}
.contact_second_nav div{
	border-bottom:1px solid #c6c6c6;
}
.contact_second_nav div:last-child{
	border-bottom:none;
}

/*申込み*/

.subscription_second_nav {
	display: none;
	position: absolute;
	background:#fff;
	border:1px solid #c6c6c6;
	text-align:left;
	z-index: 969;
}
.subscription_second_nav img{
	padding:10px;
}
.subscription_second_nav div{
	border-bottom:1px solid #c6c6c6;
}
.subscription_second_nav div:last-child{
	border-bottom:none;
}


/* --------------------------------------------------------------------
 * TAB
 * ------------------------------------------------------------------*/
@media screen and (max-width:768px) {
.contact_second_nav img{
	width:100%;
}

/* ----- / @media screen and (max-width:768px) ----- */
}
/* --------------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------------*/
@media screen and (max-width:480px) {
/*追従するメニュー*/
/*
.kojin_topNav-fixed {
	position: static;
}
*/
.kojin_topNav{
	width:100%;
	margin-bottom:30px;
}
.kojin_topNav .sectioning_layout-inner {
	overflow-y: scroll;
}
.kojin_topNav .sp_menu_area{
	display:block;
	border:none;
	text-indent:-999px;
	background:#fff;
}

.kojin_topNav .sp_menu_area a{
	display:block;
	padding: 14px;
}
.kojin_topNav .sp_menu_area a.close{
	background:url(/content/dam/nttcom/cmn/img/sp_menu_close.png) no-repeat left 14px center;
}
.kojin_topNav .sp_menu_area a.open{
	background:url(/content/dam/nttcom/cmn/img/sp_menu_open.png) no-repeat left 14px center;
}
.kojin_topNav ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	table-layout: auto;
	width:100%;
	border-left:none;
	background:#fff;
	border-top:1px solid #c6c6c6;
}
.kojin_topNav-fixed ul{
	border:none;
	border-bottom:none;
}
.kojin_topNav ul li{
	display:block;
	font-size:15px;
	border-bottom:1px solid #c6c6c6;
	text-align:left;
	border-right:none;
}
/*
.kojin_topNav ul li:last-child{
	border-bottom:none;
}
*/
/*.kojin_topNav ul li a.contact{
	margin-bottom:0;
}*/
.contact_second_nav{
	position:static;
	margin:0 3px;
}
.contact_second_nav img{
	width:100%;
}
.kojin_topNav-fixed ul li:first-child{
	border-top:1px solid #c6c6c6;
}
/*.kojin_topNav ul li.ktn_item06{
	padding-bottom:3px;
}*/
/* ----- / @media screen and (max-width:480px) ----- */
}

/* =========================================================
 * /*主導線ナビゲーション(サービスブランド用)
 * @ kojin_topNav-Svce-Brand
 * ====================================================== */


.kojin_topNav-Svce-Brand{
	width:100%;
	border:1px solid #c6c6c6;
	border-left:none;
	border-right:none;
	margin-bottom:30px;
}
.kojin_topNav-Svce-Brand .sectioning_layout-inner {
	position: static;
}

.kojin_topNav-Svce-Brand-fixed {
	z-index: 969;
	position: fixed;
}
.kojin_topNav-Svce-Brand .sp_menu_area{
	display:none;
}
.kojin_topNav-Svce-Brand ul{
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	table-layout: fixed;
	width:100%;
	border-left:1px solid #c6c6c6;
	background:#fff;
}
.kojin_topNav-Svce-Brand ul li{
	display:table-cell;
	font-size:15px;
	border-right:1px solid #c6c6c6;
	text-align:center;
}

.kojin_topNav-Svce-Brand ul li.active{
	background:#8c186d ;
}
.kojin_topNav-Svce-Brand ul li a{
	display:block;
	padding:14px;
	font-weight:bold;
}
.kojin_topNav-Svce-Brand ul li:hover{
	background:#8c186d ;
}
.kojin_topNav-Svce-Brand ul li a:hover,
.kojin_topNav-Svce-Brand ul li.active a {
	color: #fff;
}
.kojin_topNav-Svce-Brand ul li img{
	vertical-align:middle;
}
/*0518削除
.kojin_topNav-Svce-Brand ul li.home span{
	background:url(/content/dam/nttcom/cmn/img/icn_home.png) no-repeat left center;
	padding-left:20px;
}
.kojin_topNav-Svce-Brand ul li.home:hover span{
	background:url(/content/dam/nttcom/cmn/img/icn_home_wh.png) no-repeat left center;
	padding-left:20px;
}
*/

/* 第2階層アコーディオン */
/*追従するメニュー*/

.kojin_topNav-Svce-Brand ul li.active .basic_nav .inview-on a:link,
.kojin_topNav-Svce-Brand ul li.active .basic_nav .inview-on a:visited {
	color: #fff;
}
.second_nav {
	display: none;
	position: absolute;
	background:#fff;
	border:1px solid #c6c6c6;
	text-align:left;
	z-index: 969;
	left:0;
	width:1261px;
}
.basic_nav div{
	border-left:1px dotted #c6c6c6;
	/*display:inline;
	float:left;*/
}
.kojin_topNav_item_wrap{
	display:table;
	width:100%;
	table-layout:auto;
}
.basic_nav .tbl_cel{
	display:table-cell;
	text-align:center;
}

.kojin_topNav-Svce-Brand ul li .basic_nav div a{
	margin:5px;
	padding:8px;
}

.basic_nav div:first-child{
	border-left:none;
}
.kojin_topNav-Svce-Brand ul li.active .basic_nav a{
	color:#004386;
}

.kojin_topNav-Svce-Brand ul li .basic_nav div a.contact{
	background:#003572;
	color:#fff;
	margin:5px;
}
.kojin_topNav-Svce-Brand ul li .basic_nav div a.application{
	background:#d80000;
	color:#fff;
	margin:5px;
}
.kojin_topNav-Svce-Brand ul li .basic_nav div a img{
	vertical-align:middle;
	padding-right:5px;
}
.basic_nav div div div{
	border-left:none;
}
.basic_nav .contact_second_nav{
	border-left:1px solid #c6c6c6;
}

@media screen and (max-width:1259px) {
    .second_nav {
    	width:100%;
    }
}
/* --------------------------------------------------------------------
 * TAB
 * ------------------------------------------------------------------*/
@media screen and (max-width:768px) {
.second_nav {
	width:100%;
}
.kojin_topNav-Svce-Brand .second_nav.of_y_auto {
	overflow-y: auto;
}

/* ----- / @media screen and (max-width:768px) ----- */
}
/* --------------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------------*/
@media screen and (max-width:480px) {
/*追従するメニュー*/
/*
.kojin_topNav-Svce-Brand-fixed {
	position: static;
}
*/
.kojin_topNav-Svce-Brand{
	width:100%;
	border:1px solid #c6c6c6;
	border-left:none;
	border-right:none;
	border-bottom:none;
	margin-bottom:30px;
}
.kojin_topNav-Svce-Brand .sectioning_layout-inner {
	overflow-y: scroll;
}
.kojin_topNav-Svce-Brand .sp_menu_area{
	display:block;
	border-bottom:1px solid #c6c6c6;
	text-indent:-999px;
	background:#fff;
}
.kojin_topNav-Svce-Brand .sp_menu_area a{
	display:block;
	padding: 14px;
}
.kojin_topNav-Svce-Brand .sp_menu_area a.close{
	background:url(/content/dam/nttcom/cmn/img/sp_menu_close.png) no-repeat left 14px center;
}
.kojin_topNav-Svce-Brand .sp_menu_area a.open{
	background:url(/content/dam/nttcom/cmn/img/sp_menu_open.png) no-repeat left 14px center;
}
.kojin_topNav-Svce-Brand ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	table-layout: auto;
	width:100%;
	border-left:none;
	background:#fff;
	border-top:none;
	border-bottom:none;
}
.kojin_topNav-Svce-Brand ul li{
	display:block;
	font-size:15px;
	border-bottom:1px solid #c6c6c6;
	text-align:left;
	border-right:none;
}
.kojin_topNav-Svce-Brand ul li:last-child{
	border-bottom:1px solid #c6c6c6;
}

.kojin_topNav-Svce-Brand ul li:hover{
	background:#ffffff ;
}
.kojin_topNav-Svce-Brand ul li.home:hover span{
	background:url(/content/dam/nttcom/cmn/img/icn_home.png) no-repeat left center;
}
/*
.kojin_topNav-Svce-Brand ul li:last-child{
	border-bottom:none;
}
*/
.kojin_topNav-Svce-Brand ul li a.contact{
	margin-bottom:0;
}
.kojin_topNav-Svce-Brand ul li.active{
	background:#fff ;
}
.kojin_topNav-Svce-Brand ul li a:hover, .kojin_topNav-Svce-Brand ul li.active a {
	color: #004386;
}

.second_nav{
	display:none;
	position:static;
	margin:0 10px 10px;
	width:auto;
	border:none;
}
.basic_nav .kojin_topNav_item{
	background:#f3f3f3;
}
.kojin_topNav_item_wrap{
	display:block;
	width:100%;
}
.basic_nav .tbl_cel{
	display:block;
	text-align:left;
}
.basic_nav div{
	border-bottom:1px solid #fff;
	border-left:none;
	display:block;
	float:none;
}
.kojin_topNav-Svce-Brand ul li .basic_nav div a{
	margin:0;
}
.kojin_topNav-Svce-Brand ul li .basic_nav div a.contact,
.kojin_topNav-Svce-Brand ul li .basic_nav div a.application{
	margin:5px 0 0 0;
}
.basic_nav .kojin_topNav_item.inview-on {
	background: #8C186D;
}
/*消す場合
.kojin_topNav-Svce-Brand ul li.active .basic_nav .inview-on a:link,
.kojin_topNav-Svce-Brand ul li.active .basic_nav .inview-on a:visited {
	color: #004386;
}
*/
/* ----- / @media screen and (max-width:480px) ----- */
}

/* =========================================================
 * /*主導線ナビゲーション(サービスブランド用)
 * @ kojin_topNav-Svce-Brand
 * 2パターン目
 * ====================================================== */
.second_nav_toggle_trigger {

}
.basic_nav div.second_nav_toggle div:not(.second_nav_toggle_body) {
	display: block;
	float: none;
}
.basic_nav div.second_nav_toggle_body {
	display: none;
}

/* --------------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------------*/
@media screen and (max-width:480px) {
	.contact_second_nav.second_nav_toggle_body {
		margin: 0;
		border-bottom: 1px solid #c6c6c6;
		border-left: 1px solid #c6c6c6;
		border-right: 1px solid #c6c6c6;
	}
	.contact_second_nav.second_nav_toggle_body div:not(:last-child) {
		border-bottom: 1px solid #c6c6c6;
	}
}



/* =========================================================
 * /*カルーセル（サービストップ用）
 * @ CarouselTopPSSvceTop
 * ====================================================== */
#CarouselTopPSSvceTop .image_component {
	position: static;
	margin-bottom: 0;
}
#CarouselTopPSSvceTop .image_component img {
	width: 100%;
}

#CarouselTopPSSvceTop .sp-buttons {
	padding: 0;
	top: -40px;
	height: 0;
	opacity: 0;
}
#CarouselTopPSSvceTop:hover .sp-buttons {
	opacity: 1;
}
@media screen and (max-width:480px) {
	#CarouselTopPSSvceTop .sp-buttons {
		top: -20px;
		opacity: 1;
	}
	#CarouselTopPSSvceTop .sp-button {
		width: 10px;
		height: 10px;
	}
}

/* =========================================================
 * /*個人用コンタクトボタン
 * @ contactBtn_kojin_component
 * ====================================================== */
.contactBtn_kojin_component_label,
.contactBtn_kojin_component_itemSection,
.contactBtn_kojin_component_itemBody,
.contactBtn_kojin_component_item,
.contactBtn_kojin_component_tel {
	display: inline-block;
	margin: 0;
	text-align: left;
	padding:0;
}
.contactBtn_kojin_component {
	/*overflow: hidden;*/
	position: fixed;
	display: block;
	/*width: 95%;*/
	right: 0;
	bottom: 80px;
	background: #FFEF98;
	/*transform: translateX(0px) ;*/
}
.contactBtn_kojin_component_body {
	/*position: absolute;*/
	display: table;
	top: 0;
	right: 0;
	width: 100%;
	background: #FFEF98;
}
.contactBtn_kojin_component_label,
.contactBtn_kojin_component_textArea{
	display: table-cell
}
.contactBtn_kojin_component_label,
.contactBtn_kojin_component_itemSection,
.contactBtn_kojin_component_tel {
	/*display: table-cell;/*
	/*display: block;*/
	/*float: left;*/
	padding: .5rem;
	text-align: left;
	vertical-align: middle;
}

/* ラベル */
.contactBtn_kojin_component_label {
	width: 156px;
	background: #FFD602;
	color: #003469;
	font-weight: bold;
}
.contactBtn_kojin_component_label:hover {
	cursor: pointer;
}
.contactBtn_kojin_component_label img {
	padding-right: .5rem;
	vertical-align: middle;
}

/* 項目 */
.contactBtn_kojin_component_itemSection {
	width: auto;
}
.contactBtn_kojin_component_itemBody {
	display: table;
	width: 100%;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-padding-start: 0;
}
.contactBtn_kojin_component_item {
	display: table-cell;
	padding: 0 .5rem;
	border-right: #ad9c56 solid 1px;
	font-size: 15px;
	/*float:left;*/
	vertical-align:middle;
}
.contactBtn_kojin_component_item a {
	padding-right: 14px;
	background: url(/content/dam/nttcom/cmn/img/kojin_contact_arrow.png) right center no-repeat;
	display: inline-block;
}

/* 問い合わせ */
/*
.contactBtn_kojin_component_tel {
	min-width: 560px;
}
*/
.contactBtn_kojin_component_tel_inner {
	display: table;
	width: 100%;
}
.contactBtn_kojin_component_tel_image,
.contactBtn_kojin_component_tel_text {
	display: table-cell;
	padding: 0 5px;
	vertical-align: middle;
}
/*
.contactBtn_kojin_component_tel_image img {
	width: 100%;
}
*/
.contactBtn_kojin_component_tel_text {
	font-size: 10px;
}
.contactBtn_kojin_component_tel_link{
	font-size:26px;
	display:inline-block;
}
.tel_text_note{
	margin-left:10px;
	display:inline-block;
}
@media screen and (min-width: 480px) and (max-width:768px) {
	/* 問い合わせ */
	.contactBtn_kojin_component_tel {
		min-width: auto;
	}

}

@media screen and (max-width:768px) {
	/*----------------------------------------------------------------------*/
	/*スマホ*/
	/*----------------------------------------------------------------------*/
	.contactBtn_kojin_component_label,
	.contactBtn_kojin_component_itemSection,
	.contactBtn_kojin_component_itemBody,
	.contactBtn_kojin_component_item,
	.contactBtn_kojin_component_tel {
		display: block;
		padding:0;
		float:none;
	}
	.contactBtn_kojin_component {
		overflow: visible;
		width: 150px;
		right: 10px;

	}
	.contactBtn_kojin_component_body {
		display: block;
		width: 100%;
	}

	.contactBtn_kojin_component_label,
	.contactBtn_kojin_component_itemSection,
	.contactBtn_kojin_component_tel {
		display: block;
	}

	/* ラベル */
	.contactBtn_kojin_component_label {
		width: 100%;
		cursor: pointer;
		padding:.7rem;
		font-size:14px;
	}
	.contactBtn_kojin_component_label img {
	}

	/*表示項目のラッパー*/
	.contactBtn_kojin_component_textArea {
		display: none;
		width: 100%;
	}

	/* 項目 */
	.contactBtn_kojin_component_itemBody {
		display: block;
		margin:0;
		padding:0;
	}
	.contactBtn_kojin_component_item {
		display: block;
		border-right: none;
	}
	.contactBtn_kojin_component_item a {
		display:block;
		padding:.5rem;
		border-bottom:1px solid #ae9b56;
		background: url(/content/dam/nttcom/cmn/img/kojin_contact_arrow.png) right 5px center no-repeat;
		font-size:.7rem;
	}

	/* 問い合わせ */
	.contactBtn_kojin_component_tel {
		min-width: 100%;
		width: 100%;
		padding: 0;
	}
	.contactBtn_kojin_component_tel_inner {
		display: block;
	}
	.contactBtn_kojin_component_tel_image,
	.contactBtn_kojin_component_tel_text {
		display: block;
		width: 100%;
		padding:.5rem;
	}
	.contactBtn_kojin_component_tel_image a {
		width: 100%;
	}
	.contactBtn_kojin_component_tel_text a{
		font-size:16px;
		display:block;
	}
	.contactBtn_kojin_component_tel_link{
		font-size:16px;
		display:block;
	}
	.tel_text_note{
		margin-left:0;
		margin-top:10px;
		display:inline-block;
	}
	.contactBtn_kojin_component_tel_image img {
		width: 90%;
	}
}







/* =========================================================
 * /*年検索と年検索結果一覧
 * @ NewsYearsSearch　NewsYearsSearchResult
 * ====================================================== */


.NewsYearsSearch{
	width:100%;
	text-align:center;
	margin-bottom:40px;
}
.NewsYearsSearch form{
	display:table;
	margin:0 auto;
	text-align:center;
	table-layout: fixed;
}
.NewsYearsSearch label{
	display:table-cell;
	width:30%;
	padding-right: 10px;
}
.NewsYearsSearch .elements_select{
	display:table-cell;
	width:50%;
}
.NewsYearsSearch .elements_button{
	display:table-cell;
	width: 20%;
}

.NewsYearsSearch .elements_select select{
	height: 2.4rem;
	padding-left: 5px;
	margin-right:10px;
}
.NewsYearsSearch .elements_button input.searchButton {
	width: 100%;
	background-color: #fff;
	border: 1px solid #004386;
	color: #004386;
	cursor: pointer;
	font-size: 14px;
	padding: 8px 8px 9px;
}
.NewsYearsSearch .rerease_search_disable_text {
	display: none;
}

.NewsYearsSearchResult{
	width:840px;
	padding:0 15px;
	margin:0 auto;
}
.NewsYearsSearchResult .peger{
	display:table;
	width:100%;
}
.NewsYearsSearchResult .peger .prev{
	display:table-cell;
	text-align:left;
	width:20%;
	background:  url("/content/dam/nttcom/cmn/img/icon_left_arrow.png") no-repeat scroll left center;
	padding-left: 20px;
	vertical-align:middle;
}
.NewsYearsSearchResult .peger .next{
	display:table-cell;
	text-align:right;
	width:20%;
	background:  url("/content/dam/nttcom/cmn/img/icon_right_arrow_no.png") no-repeat scroll right center;
	padding-right: 20px;
	vertical-align:middle;
}
.NewsYearsSearchResult .peger h3{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:22px;
	font-weight:bold;
}
.NewsYearsSearchResultList{
	list-style:none;
	margin:15px 0 0;
	padding:0;
}
.NewsYearsSearchResultList li{
	border-bottom: 1px dotted #ccc;
	padding: 12px 10px;
}
.NewsYearsSearchResultList li:first-child {
	border-top: 1px dotted #ccc;
}
.NewsYearsSearchResultList h4 {
	margin-bottom: 12px;
}
.NewsYearsSearchResultList h4, .NewsYearsSearchResultList p {
	font-size: 16px;
	margin: 0;
	padding: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */

.NewsYearsSearchResult{
	width:96%;
}

/* ----- / @media screen and (max-width:768px) ----- */
}


/* =========================================================
 * /*リスト（画像あり）
 * @ list_img_component
 * ====================================================== */
.list_img_component{
	display:table;
	width:100%;
	border-bottom:1px dotted #ccc;
	text-align:c
}
.list_img_component .img_area ,
.list_img_component .list_txt_area{
	display:table-cell;
	vertical-align:middle;
	padding:30px 20px;
}
.list_img_component .img_area {
	width:120px;
	vertical-align:top;
}
.list_img_component .list_txt_area p.title{
	margin-bottom:10px;
}


/* =========================================================
 * /*サービス情報詳細ナビゲーション
 * @ serviceInfo
 * ====================================================== */

.serviceInfo{
	margin-bottom:70px;
}
.serviceInfo .serviceInfoTtl{
	background:url(/content/dam/nttcom/cmn/img/service_info_ttl_bg.png) no-repeat right;
	width:238px;
	height:221px;
	float:left;
	padding-top:100px;
	text-align:center;
	font-size:20px;
	margin-right:40px;
}
.serviceInfo .infoArea{
	float:left;
	width:937px;
}
.serviceInfo .infoBox{
	width:430px;
	float:left;
}
.serviceInfo .infoBox:nth-child(even){
	float:right;
}
.serviceInfo .infoBox h4{
	margin:0 0 30px;
}
.serviceInfo .infoBox p{
	margin-bottom:30px;
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */

.serviceInfo .serviceInfoTtl{
	width:25%;
}
.serviceInfo .infoArea{
	width:65%;
}
.serviceInfo .infoBox{
	width:50%;
}
/* ----- / @media screen and (max-width:768px) ----- */
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * スマホ版
 * 480px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:480px) {
/* ----- / @media screen and (max-width:480px) ----- */

.serviceInfo {
	margin-bottom: 0;
}
.serviceInfo .serviceInfoTtl {
	width: 100%;
	float:none;
	background:#ebf6fc;
	height:auto;
	padding:10px;
	margin:50px 0 30px;
}
.serviceInfo .infoArea{
	float:none;
	width:100%;
}
.serviceInfo .infoBox{
	float:none;
	width:100%;
}

.serviceInfo .infoBox h4 {
	margin: 0 0 15px;
}
/* ----- / @media screen and (max-width:480px) ----- */
}


.sp-slide iframe{
	width:938px;
	height:265px;
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */

.sp-slide iframe{
	width:100%;
	height:auto;
}
/* ----- / @media screen and (max-width:768px) ----- */
}
















.list_component_di {
	list-style:none;
	margin:0 0 40px;
	padding:0;
}

.list_component_diItem {
	border-bottom:1px dotted #ccc;
	padding:12px 10px;
	letter-spacing: -.40em;
}
.list_component_diItem:first-child {
	border-top:1px dotted #ccc;
}

.list_component_diItem_body {
	letter-spacing: -.40em;
}

.list_component_diItem_title,
.list_component_diItem_date,
.list_component_diItem_body img {
	letter-spacing: normal;
}
.list_component_diItem_title {
	display: inline-block;
}
.list_component_diItem_body img {
	margin: 0 .5rem;
	vertical-align: middle;
}
.list_component_diItem_body img:first-child {
	margin: 0 .5rem 0 0;
}











/* =========================================================
 * /*In the News(最新年)コンポーネント
 * @ inTheNewsComponent
 * ====================================================== */

.inTheNews_component .accordion_contents{
	padding-top:0;
	padding-bottom: 25px;
}
.inTheNews_component .accordion_header{
	padding-bottom: 10px;
	padding-top: 10px;
	border-top:none;
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */

.inTheNews_component{

}
/* ----- / @media screen and (max-width:768px) ----- */
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * スマホ版
 * 480px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:480px) {
/* ----- / @media screen and (max-width:480px) ----- */

.inTheNews_component{

}
/* ----- / @media screen and (max-width:480px) ----- */
}

/* =========================================================
 * /*In the News(アーカイブ)コンポーネント
 * @ inTheNewsArchive_component
 * ====================================================== */

.inTheNewsArchive_component h3{
	margin-top:40px;
}

.inTheNewsArchive_component .accordion_contents{
	padding-top:10px;
}
.inTheNewsArchive_component .accordion_header{
	border-top:none;
}
/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */


/* ----- / @media screen and (max-width:768px) ----- */
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * スマホ版
 * 480px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:480px) {
/* ----- / @media screen and (max-width:480px) ----- */

.inTheNewsArchive_component{

}
/* ----- / @media screen and (max-width:480px) ----- */
}







/* =========================================================
 * /*Awardコンポーネント
 * @ Award_component
 * ====================================================== */

.Award_component .accordion_contents{
	padding-top:0;
	padding-bottom: 25px;
}
.Award_component .accordion_header{
	border-top:none;
}



/* =========================================================
 * /*Award一覧（we-are-a-leaderページ用）コンポーネント
 * @ awardList_component
 * ====================================================== */
.awardList_component .awardList_component_txt{
	margin-bottom:20px;
}
.awardList_component_txt .txt{
	font-size:18px;
	font-weight:bold;
}
.awardList_component_txt .date{
	font-size:16px;
	color:#666666;
}

/* =========================================================
 * /*In the news（we-are-a-leaderページ用）コンポーネント
 * @ intheNews_component
 * ====================================================== */
.intheNews_component .intheNews_component_txt{
	margin-bottom:20px;
}
.intheNews_component_txt .txt{
	font-size:18px;
	font-weight:bold;
}
.intheNews_component_txt .date{
	font-size:16px;
	color:#666666;
}
/* --------------------------------------------------------------------
 * TAB
 * ------------------------------------------------------------------*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */
}

/* --------------------------------------------------------------------
 * TAB
 * ------------------------------------------------------------------*/
@media screen and (max-width:768px) {
/* ----- / @media screen and (max-width:768px) ----- */
}
/* --------------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------------*/
@media screen and (max-width:480px) {
/* ----- / @media screen and (max-width:480px) ----- */
}