@charset "UTF-8";
/*
	Main Visual
*/
.mod-biz-special-banner {
}
.mod-biz-special-banner h2 {
	text-align: center;
	font-size: 1.3em;
}
.mod-biz-special-banner p {
	margin: 5px 0 20px 0;
	text-align: center;
}
.mod-biz-special-banner > figure {
	position: relative;
	width: 100%;
}
.mod-biz-special-banner > figure img {
	-webkit-backface-visibility: hidden;
}
.mod-biz-special-banner > figure:before {
	content:"";
	display: block;
	padding-top: 42.85%;
}
.mod-biz-special-banner > figure .special-banner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #f9f9f9 url("/content/dam/nttcom/hq/jp/business/lp/index/img/mainvs.min.png");
	background-size: contain;
	background-repeat: no-repeat;
}
body {
	overflow-x: hidden;
}
@media screen and (max-width:940px) {
	body {
		overflow-x: scroll;
	}
}

/*
	Carousel
*/
.bx-wrapper {
	display: none;
}

/*
	Modal
*/
.contents-main.full .trewd__modal .grid-cmn.s-text > .col4-1 {
    width: 160px;
}
.contents-main.full .trewd__modal .grid-cmn > .col4-3, .grid-cmn.s-full > .col4-3 {
	width: auto;
}
.trewd__modal {
	z-index: 30002!important;	/* for sticky, floating */
}

/*
	Panel
*/
.contents-main ul.mod-biz-panel .mod-biz-panel-body > a {
	height: 100%;
}
.contents-main ul.mod-biz-panel .mod-biz-panel-body > a .inner {
	padding-bottom: 0;
}
.contents-main ul.mod-biz-panel {
    display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
	margin: 0 0 10px 0;
}
/** Layout 4 column **/
.contents-main ul.mod-biz-panel > li {
	float: none!important;
    display: inline-flex;
	width: 25%;
	align-self: stretch;
	margin: 0;
	padding: 10px 20px 10px 0;
}
.contents-main ul.mod-biz-panel > li:nth-child(4n) {
	padding-right: 0;
}
/** Layout 3 column **/
.contents-main ul.mod-biz-panel.col3 > li {
	width: 33.3333%!important;
}
.contents-main ul.mod-biz-panel.col3 > li:nth-child(4n) {
	padding-right: 20px!important;
}
/** Layout 1 column **/
.n3.smt .contents-main.full ul.mod-biz-panel {
	width: calc(100% + 20px);
}

/*
	Wide Monitor
*/
@media screen and (min-width:1440px) {	/* 1440px = 940 + 190 + 10 + pad-l:150 + pad-r:150 */
	.n3.pc .mod-biz-special-banner > figure .special-banner {
		background-image: url("/content/dam/nttcom/hq/jp/business/lp/index/img/mainvs.png");
	}
	.n3.pc .contents {
		width: calc(100vw - 210px);	/* 210px = 190 + scroll width estimate as 20px */
		margin-left: calc(50% - 50vw + 105px); /* 105px = 210 / 2 */
		padding: 0 150px;
	}
	.n3.pc .mod-biz-special-banner {
		width: calc(100vw - 210px);
		margin-left: calc(50% - 50vw + 105px);
		padding: 0 150px;
	}
	.n3.pc .contents-main.full ul.mod-biz-panel {
		width: calc(100vw - 210px + 20px)!important;
		margin-left: calc(50% - 50vw + 105px);
		padding: 0 150px;
	}
	.n3.pc .contents-main.full .grid-cmn > .col2, .grid-cmn.s-full > .col2 {
		width: calc(50% - 21px);
	}
}