@charset "UTF-8";
/*!
 * アバウトアスCSS
*/


/* =========================================================
 * firstSection
 * @ firstSection
 * ====================================================== */
h1{
	margin-top:70px;
	margin-bottom:30px;
}
.readTxt p{
	margin-bottom:30px;
}
h3{
	margin-bottom:10px;
}
h4{
	font-weight:bold;
	margin-bottom:15px;
}
.txtArea .adjustLine{
	margin-bottom:30px;
}
/* =========================================================
 * diamondsSection
 * @ diamondsSection
 * ====================================================== */
.diamondsSection {
	margin-bottom: 90px;
}

.diamondsSection.grid_contents {
	position: relative;
	min-height: 842px;
	padding-top: 210px;
}


.pseudo_backgrounImage {
	float:none;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}
.diamonds_inner a h3{
	color: #CC0033;
	font-size: 26px;
	font-family: 'NotoSans', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', 'Hiragino Kaku Gothic ProN', Helvetica, 'Helvetica Neue', sans-serif;
}
.diamonds_inner a {
	text-decoration: none;
}
.diamonds_inner a:hover h3,
.diamonds_inner a:hover p{
	color:#fff;
}
/* -----------------------------------
 *
 * @
 * ---------------------------------*/
.diamonds {
	background-image: url(/content/dam/nttcom/cmn/img/bg_red-alpha.png);
	background-image: url(/content/dam/nttcom/cmn/img/bg_silver.png);
}


/* =========================================================
 * diamondsSection
 * @ diamondsSection
 * ====================================================== */
.diamondsArea {
	position: relative;
	width: 100%;
	margin: 0 auto 90px;
	padding-top: 50%;
}
.diamondsArea .image_component {
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
}
.diamondsArea .image_component img {
	width: 50%;
}

.diamondsArea .diamonds_item_wrapper {
		position: relative;
		top: 0;
		left: 0;
		margin-top: -41%;
		/*transform: translatey(-25%);*/
}
.diamondsArea .diamonds_item_wrapper .diamonds {
	float: left;
}
.diamondsArea .diamonds {
	width: 33.3333%;
}






.txtArea{
	text-align: left;
}



/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
	/* body {
		background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-t-about-us.jpg);
	} */
	h1{
		margin-top:60px;
		margin-bottom:20px;
	}
	.readTxt p{
		margin-bottom:40px;
	}
	h3{
		margin-bottom:0;
	}
	h4{
		font-weight:bold;
		margin-bottom:15px;
	}
	.txtArea p{
		margin-bottom:40px;
	}
  .diamonds_inner a h3,
	.diamonds_inner a p{
    color: #000;
    text-decoration: underline;
  }
	.diamonds_inner a:hover h3,
	.diamonds_inner a:hover p{
		color:#CC0033;
    text-decoration: none;
	}
	.diamonds_inner a h3{
		font-size: 20px;
	}

/* =========================================================
 * diamondsSection
 * @ diamondsSection
 * ====================================================== */
/*.diamondsSection {
	margin-bottom: 40px;
}

.diamondsSection.grid_contents {
	position: relative;
	min-height: 570px;
	padding-top: 25%;
}

.pseudo_backgrounImage .image_component {
	width:80% !important;
	height:80% !important;
}
.pseudo_backgrounImage img {
	width: 100%;
}
*/

.diamondsArea {
	margin-bottom: 40px;
}

.txtArea{
	float:none;
}
.txtArea .adjustLine{
	float:left;
	width:46%;
	margin-left:10px;
}
.txtArea .adjustLine:nth-child(even){
	float:right;
}
.diamonds_inner-centering p{
	display:none;
}


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



/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * スマホ版
 * 480px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media screen and (max-width:480px) {
	/* body {
		background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-m-about-us-m@2x.jpg);
	} */
	.readTxt p{
		margin-bottom:40px;
	}
	h4{
		font-weight:bold;
		color:#CC0033;
		margin-bottom:10px;
	}
	.txtArea p{
		margin-bottom:20px;
	}
	.diamonds_inner a h3{
		font-size: 16px;
		margin-top:0;
		line-height:1.5;
	}
/* =========================================================
 * diamondsSection
 * @ diamondsSection
 * ====================================================== */
/*.diamondsSection {
	margin-bottom:40px;
}

.diamondsSection .grid_contents {
	position: relative;
	min-height: auto;
	padding-top: 0;
}

.diamondsSection .grid_contents .diamonds {
	float: none;
	width: 50%;
	margin: 0 auto;
}
.diamonds_inner_title {
	font-size: 1rem;
}
.diamonds_inner-centering p.mgt10 {
	display: none;
}
.grid_contents.groupSet .grid_cols.mbl_layout{
	float:none;
}
.grid_contents .grid_cols.grid-4.mbl_layout{
	width:50%;
	margin:0 auto;
}


.diamondsSection.grid_contents {
	padding-top: 0;
}

.pseudo_backgrounImage {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -50%;
	margin-left: 0;
}



.pseudo_backgrounImage img {
	width: 100%;
}*/

.diamondsArea {
	position: relative;
	width: 100%;
	padding-top: 0;
}
.diamondsArea .image_component {
		position: absolute;
		top: 50%;
		transform: translatey(-50%);
}
.diamondsArea .image_component img {
	width: 100%;
}

.diamondsArea .diamonds_item_wrapper {
		position: static;
		top: 0;
		left: 0;
		margin-top: 0;
		/*transform: translatey(-25%);*/
}
.diamondsArea .diamonds_item_wrapper .diamonds {
	float: none;
	width: 50%;
	margin: 0 auto;
}




.txtArea .adjustLine{
	float:none;
	width:100%;
	margin-left:0;
}

/* =========================================================
 * subContentsSection
 * @ subContentsSection
 * ====================================================== */

.subContentsSection {
	margin-top: 40px;
	padding-bottom: 60px;
}
.subContentsSection .grid_contents .grid_cols {
	float: none;
}

.subContentsSection_grid_contents {
	float: none;
	width: 100%;
}

.subContents_upper,
.subContents_lower {
	float: none;
	width: 100%;
}
.subContentsSection dl {
	margin-left: 0;
	width: 100%;
	max-width: 100%;
}
.subContentsSection dt {
	margin-top: 20px;
}
.subContentsSection dd {
	margin-top: 10px;
	min-height: auto;
}



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



/*!
 * We are
*/


.three_diamond_image {
	margin: 0 auto 20px;
	position: relative;
	width: 210px;
}
.three_diamond_image img{
	width:100%;
}
.three_diamond_image .over_txt {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	padding-top: 100%;
	color:#fff;
	text-align:center;
}
.three_diamond_image .over_txt_inner {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 2.5rem;
}
.three_diamond_image .over_txt_inner div {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
}
.three_diamonds_conts p{
	margin-bottom:15px;
}

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

/* =========================================================
 * TABLET
 *
 *
 * ====================================================== */

.three_diamond_image .over_txt_inner {
	padding: 0 1.5rem;
}
.three_diamonds_conts p{
	margin-bottom:15px;
}

}


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

/* =========================================================
 * Mobile
 *
 *
 * ====================================================== */

.three_diamond_image,
.promotion_diamonds_component {
	margin: 0 auto 15px;
}
.three_diamonds_conts p{
	margin-bottom:15px;
}

}