@charset "UTF-8";
/*!
 * 個別共通(h)
*/

/* =========================================================
 * ページ全体の定義
 * @ PAGE
 * ====================================================== */
body {
	/* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-l-services-detail-lvl2.jpg); */
}

/* =========================================================
 * コンテンツ　--- 1段目　Compute FLAT Type ---
 * @ computeFlatTypeSection
 * ====================================================== */
.computeFlatTypeSection {
	min-height: 10px;
	margin-top: 50px;
	margin-bottom: 80px;
}

.computeFlatTypeSection .sectioning_layout-inner .grid_contents:first-child h4 {
	margin-bottom: 30px;
	margin-top:8px;
}

/* -----------------------------------
 * タイトル
 * @ TITLE
 * ---------------------------------*/
.computeFlatTypeSection h1 {
	margin-bottom: 20px;
	margin-top:30px;
	font-size:46px;
}
.computeFlatTypeSection  p{
	line-height:1.2;
}

/* =========================================================
 * コンテンツ　--- 2段目　TABs ---
 * @ tabSection
 * ====================================================== */
.tabSection {
	margin-bottom: 100px;
}

.tabSection .grid_contents {
	padding: 20px 0;
}
.tabNavigation .tabLayout.tabItemWrapper div{
	vertical-align:middle;
	line-height:1.5;
}

.tabSection .tabNavigation_contents{
	margin: 0 auto;
	padding: 0;
}
.tabNavigation_contents h4 {
	font-weight: bold;
	margin-bottom: 8px;
}
/*.tabSection .tabNavigation_contents .accordion_header {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: rgb(204,206,218) solid 1px;
}

.tabSection .accordion_contents {
	margin-top: 30px;
	padding-bottom: 50px;
}
*/


/* =========================================================
 * コンテンツ　--- 3段目　Specifications ----
 * @ specificationsSection
 * ====================================================== */
.specificationsSection {
	background-color: rgb(245,245,245);
}

/* -----------------------------------
 * タイトル
 * @ TITLE
 * ---------------------------------*/
.specificationsSection h2 {
	margin-bottom: 50px;
	text-align: center;
}

/* -----------------------------------
 * コンテンツ
 * @ CONTENTS
 * ---------------------------------*/
.specificationsSection .grid_contents {
/*	padding: 20px 5px;
	border-top: rgb(204,206,218) solid 1px;*/
}


/* -----------------------------------
 * アコーディオン
 * @ CONTENTS
 * ---------------------------------*/
.specificationsSection .accordion_wrapper{
	margin:0 auto;
}

/*.specificationsSection .accordion_contents {
	padding-top: 30px;
	padding-bottom: 50px;
}*/
.accordion_contents > p:first-child {
	margin-bottom: 30px;
}
.specificationsSection .accordion_contents > div > p {
	margin-bottom: 8px;
}
.specificationsSection .accordion_contents > div > div p:nth-of-type(2) {
	margin-bottom: 30px;
}
.specificationsSection .accordion_contents div > div {
	margin-bottom: 40px;
}



/*.specificationsSection .accordion_component{
	margin: 0 auto;
	padding: 0;
	border-bottom: rgb(204,206,218) solid 1px;
}

.specificationsSection .accordion_header {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: rgb(204,206,218) solid 1px;
}
*/

.related_resource_component {
	margin-bottom: 60px;
}


#map_canvas div{
	margin-bottom:0;
}

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

	body {
		/* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-t-services-detail-lvl2.jpg); */
	}



/* =========================================================
 * TABLET
 * コンテンツ　--- 1段目　Compute FLAT Type ---
 * @ computeFlatTypeSection
 * ====================================================== */
.computeFlatTypeSection {
	margin-bottom: 45px;
}

/* =========================================================
 * TABLET
 * コンテンツ　--- 2段目　TABs ---
 * @ tabSection
 * ====================================================== */
.tabSection {
	margin-bottom: 45px;
}
.tabSection .tabNavigation {
	margin-bottom: 50px;
}


/*.tabSection .accordion_header {
	font-size: 1rem;
}
.tabSection .accordion_contents {
	width: 100%;
	padding-bottom: 100px;
}
*/


/* =========================================================
 * TABLET
 * コンテンツ　-4段目　Specifications-
 * @ fourthSection is Specifications
 * ====================================================== */
/* -----------------------------------
 * アコーディオン
 * @ CONTENTS
 * ---------------------------------*/
/*.specificationsSection {
	padding: 50px 0;
}*/
.specificationsSection h2 {
	margin-bottom: 50px;
}
/*.specificationsSection .accordion_header {
	font-size: 1rem;
}

*/
.related_resource_component {
	margin-bottom: 40px;
}

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



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

/* =========================================================
 * MOBILE
 * ページ全体の定義
 * @ PAGE
 * ====================================================== */
body {
		/* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-m-services-detail-lvl2-m@2x.jpg); */
}


/* =========================================================
 * MOBILE
 * コンテンツ　--- 1段目　Compute FLAT Type ---
 * @ computeFlatTypeSection
 * ====================================================== */
.computeFlatTypeSection {
	margin-top: 30px;
	margin-bottom: 45px;
}
.computeFlatTypeSection h1{
	font-size:26px;
}

/* =========================================================
 * MOBILE
 * コンテンツ　--- 2段目　TABs ---
 * @ tabSection
 * ====================================================== */
.tabSection .grid_contents {
	padding: 0;
}
.tabSection .tabChange_dropdown {
	margin-bottom: 35px;
}

/*.tabSection .accordion_contents {
	padding-bottom: 10px;
}*/



/* =========================================================
 * MOBILE
 * コンテンツ　-4段目　Specifications-
 * @ fourthSection is Specifications
 * ====================================================== */

/*.specificationsSection {
	padding: 40px 0 10px;
}*/
.specificationsSection h2 {
	margin-bottom: 40px;
}

/* -----------------------------------
 * アコーディオン
 * @ CONTENTS
 * ---------------------------------*/
/*.specificationsSection .accordion_header {
	font-size: 1rem;
}
.specificationsSection .accordion_contents {
	padding-top: 10px;
	padding-bottom: 10px;
}*/

.related_resource_component {
	margin-bottom: 20px;
}


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



/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * 予備
------------------------------------------------------------------------------------------------------------------------------------------------
*/
.areaE h2,
.areaG h2,
.areaH h2,
.areaJ h2,
.areaK h2 {
	text-align: center;
	margin-bottom: 60px;
}
/*
.areaE,
.areaG {
	margin-bottom: 80px;
}

.areaK {
	margin-top: 80px;
}*/