:root {
	--dw: 375 * 100;
}
*,
*:before,
*:after {
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-size: inherit;
	vertical-align: baseline;
}

html,
body {
	font-size: 14px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 109px;
}
body {
	line-height: 1.75;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/* font-family: FrutigerNeueLTW10-Regul, FrutigerNeueW01-Regular, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Helvetica, sans-serif; */
	background: white;
}

main p,
main li {
	line-height: inherit;
}

article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
	font-family: inherit;
	line-height: inherit;
}

ol,
ul {
	list-style: none;
	list-style-type: none;
}

a,
a:visited,
a:hover {
	color: inherit;
	text-decoration: inherit;
}

img {
	max-width: 100%;
}

a img:hover {
	transition: all .25s linear 0s;
	opacity: 0.8;
}

.text-link,
.text-link:visited,
.text-link:hover {
	color: #000;
	text-decoration: underline;
}

.text-link:hover {
	color: #CC0033;
	text-decoration: none;
}

.hover {
	cursor: pointer;
}

.hover--fade {
	transition: opacity 0.3s;
}

.hover--fade:hover {
	opacity: 0.75;
}

.btn {
	border-radius: 8px;
	border: 1px solid #CC0033;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	position: relative;
	/* padding: 10px 30px 10px 30px; */
	padding: 10px 22px 10px 16px;
	min-height: 44px;
}

.btn::after {
	width: 6.409px;
	height: 9.561px;
	position: absolute;
	top: 0;
	bottom: 0;
	/* right: 12px; */
	right: 8px;
	margin: auto;
	content: "";
	width: 6.409px;
	height: 9.561px;
	background-size: 100% 100%;
}

.btn__icon {
	margin-right: 1em;
}

.btn--white {
	background-color: white;
}

.btn--white,
.btn--white:visited,
.btn--white:hover {
	color: #CC0033;
}

.btn--primary {
	background-color: #09357f;
}

.btn--primary-light {
	background-color: #CC0033;
}

.btn--primary-light {
	background-color: #CC0033;
}

.btn--secondary {
	background-color: #CC0033;
	border: 1px solid #fff;
	color: #fff;
}

.btn--primary,
.btn--primary:visited,
.btn--primary:hover,
.btn--primary-light,
.btn--primary-light:visited,
.btn--primary-light:hover {
	color: white;
}

.btn--forward.btn--white::after {
	background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-primary.svg);
}

.btn--forward.btn--primary::after,
.btn--forward.btn--primary-light::after,
.btn--forward.btn--secondary::after {
	background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-accent.svg);
}

.btn--external::after {
	background-image: url(/content/dam/nttcom/hq/jp/index/img/external-link.svg);
	width: 10px;
	height: 10px;
}

@media screen and (max-width: 768px) {
	.btn {
		padding: 15px 30px 15px 30px;
	}
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.sp-br {
	display: none;
}

@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	.sp-br {
		display: inline;
	}
}

.container {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}

.bg {
	position: absolute;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	left: 0;
	right: 0;
	top: 0;
}

.section {
	position: relative;
}

.fg {
	position: relative;
}

.section-heading {
	text-align: center;
}

.section-heading__main {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #CC0033;
	margin-bottom: 25px;
	text-align: left;
}

.section-heading__sub {
	display: block;
	margin-top: 10px;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1;
}

.section-heading__text {
	color: #333333;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

.section-heading__btns {
	display: flex;
	flex-direction: column;
	gap: 9px;
	width: 222px;
	margin-top: 18px;
}
.section-heading__btns.-sp {
	display: none;
}
.section-heading__btn a {
	width: 100%;
}
.section-heading__btn a:hover {
	color: white;
}

.section-heading-bg-w .section-heading-bg_inner {
	display: inline-block;
	padding: 10px 20px 10px 10px;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.section-heading__main {
		font-size: 30px;
		margin-bottom: 10px;
		white-space: nowrap;
	}

	.section-heading__sub {
		font-size: 12px;
	}

	.section-heading-bg-w .section-heading-bg_inner {
		padding: 5px 10px 10px 5px;
	}
}

.section-heading--margin {
	margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
	.section-heading--margin {
		margin-bottom: 0;
	}
}

.page__main {
	overflow: hidden;
	position: relative;
	z-index: 0;
	padding-bottom: 80px;
}

.page__sub {
	position: relative;
	overflow: hidden;
}

.gotop {
	background-color: black;
	padding: 5px 0 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: relative;
}

.goPageTop {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	gap: 7.1px;
}

.goPageTop::before {
	content: '';
	display: inline-block;
	width: 8.82px;
	height: 5.23px;
	background-image: url(/content/dam/nttcom/cmn/img/cta-back-top.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.goPageTop::after {
	display: none;
}

/*------------------------------------*\ #hero \*------------------------------------*/
.section--hero {
	position: relative;
	padding: 60px;
    max-width: 1600px;
    width: 100%;
    padding: 0 20px;
    margin: 40px auto 0;
}

.section--hero .bg {
	height: 463px;
	width: 2000px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(/content/dam/nttcom/hq/jp/index/img/bg/hero.svg);
	background-size: contain;
	margin-top: -40px;
}

.hero-slider {
	overflow: hidden;
	position: relative;
}

.hero-slider .swiper-slide {
	background-color: #032842;
}

.hero-slider img {
	width: 100%;
	height: 100%;
	/* 20210412 */
}

.hero-slider .slider-control {
	display: flex;
	justify-content: center;
	z-index: 1;
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.section--hero {
		/* padding: 30px 10px; */
		padding: 0 14px 40px;
	}

	.section--hero .bg {
		height: calc(346vw / var(--dw));
		width: calc(846vw / var(--dw));
		background-size: 100% 100%;
		background-image: url(/content/dam/nttcom/hq/jp/index/img/bg/hero_sp.svg);
		margin-top: calc(87vw / var(--dw) * -1);
	}
}

/*------------------------------------*\ #news \*------------------------------------*/
.section--news {
	padding-top: 80px;
}
.section--news .bg {
	top: -20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1600px;
    width: 100%;
    aspect-ratio: 2000 / 1140.46;
    background-image: url(/content/dam/nttcom/hq/jp/index/img/2024/bg/news.svg);
}

@media screen and (max-width: 768px) {
	.section--news .bg {
		display: none;
	}
}

.section--news .section__heading {
	color: #CC0033;
	margin-right: 20px;
	position: relative;
}

.section--news .container {
	display: flex;
}
.section--news .section__container {
	display: flex;
	justify-content: flex-end;
	padding: 55px 60px 80px 0;
	position: relative;
	clip-path: polygon(0 0, 96.25% 0, 100% 15%, 100% 100%, 0 100%);
	background-color: white;
	max-width: calc(100% - (50% - (1160px / 2)));
	/* margin-right: 60px; */

}
.section--news .section__leading {
	margin-right: 20px;
}

.section--news .section__body {
	max-width: 615px;
	width: 100%;

	position: relative;
}

.section--news .section__trailing {
	margin-left: 50px;
}

.section--news .section__heading {
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 0.06em;
	line-height: 44px;
}

.section--news .section__heading .section__sub-heading {
	display: block;
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.06em;
}

.section--news .section__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 235px;
}

.section--news .section__action-btn:not(:first-of-type) {
	margin-top: 20px;
}

.section--news .section__action-btn:first-of-type {
	margin-top: 6px;
}

.section--news .section__trouble-btn {
	margin-top: 60px;
	display: none;
}
.section--news .section__actions .section__actions-item .section__action-btn {
	line-height: 14px;
}

@media screen and (max-width: 768px) {
	.section--news .container {
		display: block;
	}

	.section--news .section__trailing {
		margin-left: 0;
	}

	.section--news .section__actions {
		width: auto;
		margin-top: 25px;
	}

	.section--news .section__trouble-btn {
		display: inline-flex;
	}

	.section--news .section__body {
		max-width: none;
	}
}

.c-news-list li {
	display: flex;
}

.c-news-list li:not(:first-of-type) {
	margin-top: 16px;
}

.c-news-list .date {
	display: block;
	width: 77px;
	font-size: 11px;
	white-space: nowrap;
	margin-right: 11px;
}

.c-news-list .txt {
	display: block;
	flex: 1;
}

.c-news-list .txt a {
	color: #000;
	text-decoration: underline;
	font-size: 14px;
}

.c-news-list .txt a:hover {
	color: #CC0033;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.c-news-list {
		margin-top: 8px;
	}

	.c-news-list li {
		display: block;
	}

	.c-news-list .date {
		font-size: 14px;
		width: 100%;
	}

	.c-news-list .txt {
		font-size: 16px;
	}
	.c-news-list li:not(:first-of-type) {
		margin-top: 20px;
	}
}

/*------------------------------------*\ #pickup \*------------------------------------*/
.section--pickup {
	margin-top: 80px;
	color: white;
	z-index: 4;
	margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
	.section--pickup {
		/* margin-top: calc(40vw / var(--dw)); */
		margin-top: 0;
		margin-bottom: 0;
	}

}

@media screen and (max-width: 768px) {
	.section-pickup .bg {
		height: 810px;
	}
}

.special--media .swiper-slide,
.pickup--case-study .swiper-slide,
.pickup--topic .swiper-slide,
.pickup--media .swiper-slide {
	height: auto;
}

.pickup-media {
	margin-top: 60px;
}

.pickup--case-study {
	margin-top: 100px;
}

.pickup--topic {
	margin-top: 100px;
}

@media screen and (min-width: 769px) {
	.section--pickup .container {
		overflow: hidden;
	}

	.pickup--media {
		width: calc(100% + 186.5px);
	}

	.pickup--media .card-slider-accessory {
		width: calc(100% - 186.5px);
	}
}

@media screen and (max-width: 768px) {
	.pickup {
		margin-top: 75px;
	}

	.pickup--media {
		margin-top: 0;
	}
}

/* slider-control */
.slider-control {
	display: inline-flex;
	align-items: center;
}

.slider-control__back {
	cursor: pointer;
	width: 44px;
	height: 30px;
	background-color: #666666;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px 0 0 15px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.slider-control__back::before {
	display: inline-block;
	content: "";
	background-image: url(/content/dam/nttcom/hq/jp/index/img/slider-control-back.svg);
	background-size: 100% 100%;
	width: 7.647px;
	height: 11.261px;
}

.slider-control__next {
	cursor: pointer;
	width: 44px;
	height: 30px;
	background-color: #666666;
	display: inline-flex;
	align-items: center;
	border-radius: 0 15px 15px 0;
	justify-content: center;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.slider-control__next::before {
	display: inline-block;
	content: "";
	background-image: url(/content/dam/nttcom/hq/jp/index/img/slider-control-next.svg);
	background-size: 100% 100%;
	width: 7.647px;
	height: 11.261px;
}

.slider-control__play::before {
	display: inline-block;
	content: "";
	background-image: url(/content/dam/nttcom/hq/jp/index/img/slider-control-pause.svg);
	background-size: 100% 100%;
	width: 10px;
	height: 10px;
}

.slider-control__dots {
	background-color: #666666;
	display: inline-flex;
	height: 30px;
	align-items: center;
	padding: 0 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.slider-control .swiper-pagination-bullet {
	background-color: #CCC;
	width: 6px;
	height: 6px;
	margin: 0 5px;
}

.slider-control .swiper-pagination-bullet-active {
	width: 9px;
	height: 9px;
	background-color: white;
}

.slider-control__play {
	cursor: pointer;
	width: 44px;
	height: 30px;
	border-radius: 15px;
	background-color: #666666;
	border: 1px solid #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
}

.slider-control--stopped .slider-control__play::before {
	content: "";
	display: inline-block;
	background-image: url(/content/dam/nttcom/hq/jp/index/img/slider-control-play.svg);
	background-size: 100% 100%;
	width: 9px;
	height: 10.392px;
}

/* card-slider-accessory */
.card-slider-accessory {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: 20px;
	height: 44px;
}

.card-slider-accessory__actions {
	position: absolute;
	right: 0;
	display: flex;
	justify-content: flex-end;
	top: 0;
}

.card-slider-accessory__action {
	margin-left: 10px;
}

.card-slider-set__accesory {
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.card-slider-accessory {
		flex-direction: column;
		height: auto;
		align-items: stretch;
	}

	.card-slider-accessory .slider-control {
		display: flex;
		justify-content: center;
	}

	.card-slider-accessory__actions {
		margin-top: 10px;
		position: static;
		display: flex;
		flex-direction: column;
	}

	.card-slider-accessory__action {
		margin-left: 0;
		margin-top: 20px;
	}

	.card-slider-accessory .btn {
		width: 100%;
	}
}

/* card */
.card {
	color: #333;
	background-color: white;
	height: 100%;
	position: relative;
}

.card__head img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.card__body {
	padding: 20px;
}

.card__meta {
	margin-bottom: 15px;
}

.card__tag {
	border: 1px solid #CC0033;
	color: #CC0033;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	padding: 2px 15px;
}

.card__title {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

/* card--topic > SPECIAL*/
.card--topic {
	border: 1px solid #B2B2B2;
}

.card--topic .card__title a,
.card--case .card__title a {
	color: #000;
	text-decoration: underline;
}

.card--topic .card__title a:visited,
.card--topic .card__title a:hover,
.card--case .card__title a:visited,
.card--case .card__title a:hover {
	color: #CC0033;
	text-decoration: none;
}

.card--topic .card__head a img {
	border-bottom: 1px solid #ccc;
}

.card--topic .card__title p {
	font-weight: normal;
}

/* ここから上書き追加 */
.card--topic a .card__title {
	color: #000;
	font-weight: normal;
}

.card--topic a .card__title span {
	display: block;
	margin: 0 0 10px;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}

.card--topic a .card__title p {
	font-weight: normal;
	text-decoration: none;
}

/* ここまで上書き追加 */
.card__description {
	font-size: 12px;
}

.card__description a {
	color: #000;
	text-decoration: underline;
}

.card__description a:hover {
	color: #CC0033;
	text-decoration: none;
}

.card--external::after {
	content: "";
	display: inline-block;
	background-image: url(/content/dam/nttcom/hq/jp/index/img/external-link-outline-primary.svg);
	background-size: 100% 100%;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 10px;
	height: 10px;
}

@media screen and (max-width: 768px) {
	.card__tag {
		font-size: 10px;
	}

	.card__body {
		padding: 10px;
	}
}

/* card--case */
.card--case {
	border: 1px solid #B2B2B2;
}

.card--case .card__head {
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.card--case .card__head img {
	width: auto;
}

.card--media .card__title a {
	text-decoration: underline;
}

.card--media .card__title a:hover {
	color: #CC0033;
	text-decoration: none;
}

@media screen and (min-width: 769px) {
	.card--media {
		border: 1px solid #B2B2B2;
	}

	.card--media .card__head {
		height: auto;
		overflow: visible;
		line-height: 1;
	}

	.card--media .card__head a {
		display: inline-block;
		line-height: 1;
	}

	.card--media .card__head img {
		vertical-align: bottom;
	}

	.card--media .card__title {
		min-height: 4em;
	}

	#media-slider.swiper-container .swiper-wrapper {
		align-items: flex-start;
		min-height: 410px;
	}

	#media-slider.swiper-container .swiper-slide-active {
		/* margin-right: calc( ((1160px/3) - (40px/3)) / 2 ); */
		/* margin-right: 186.5px !important; */
		margin-right: 180.5px !important;
	}

	#media-slider.swiper-container .swiper-slide>.card {
		width: 100%;
	}

	#media-slider.swiper-container .swiper-slide-active>.card {
		width: 150%;
	}

	#media-slider.swiper-container .swiper-slide {
		-webkit-transition: margin 0.3s;
		-moz-transition: margin 0.3s;
		-ms-transition: margin 0.3s;
		-o-transition: margin 0.3s;
		transition: margin 0.3s;
		/* transition-delay: 0.5s; */
	}

	#media-slider.swiper-container .swiper-slide .card {
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		-ms-transition: width 0.3s;
		-o-transition: width 0.3s;
		transition: width 0.3s;
	}
}

/*------------------------------------*\ #event \*------------------------------------*/
@media screen and (min-width: 769px) {
	.section--event {
		margin-top: 60px;
		z-index: 3;
	}
}

@media screen and (max-width: 768px) {
	.section--event {
		padding-top: 0;
	}

	.section--event .bg {
		display: none;
		background-image: url(/content/dam/nttcom/hq/jp/index/img/bg/innovation_sp.svg);
		left: 50%;
		transform: translateX(-50%);
		width: 768px;
		height: 3269.6px;
		top: 10px;
	}
}

.section--event {
	position: relative;
	z-index: 4;
}
.section--event .section__container {
	display: flex;
	background-color: rgba(255, 255, 255, 0.97);
	padding: 87px 0 22.9px 60px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%, 0 90%);

	max-width: calc(100% - (50% - 1240px / 2));
	margin-left: auto;
	margin-right: 0;
}

.section--event .section__head {
	margin-right: 40px;
	line-height: 1;
}

.section--event .section__body {
	flex: 1;
}

.section--event .section__heading {
	color: #CC0033;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 25px;
}

.section--event .section__sub-heading {
	display: block;
	margin-top: 15px;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1;
}

.section--event .section__head .section__links {
	margin-top: 20px;
}

.section--event .section__body .section__links {
	display: none;
}

@media screen and (max-width: 768px) {
	.section--event .section__container {
		margin-left: 0;
		padding: 40px 20px;
		display: block;
		clip-path: none;
	}

	.section--event .section__head {
		margin-right: 0;
		text-align: center;
		margin-bottom: calc(10vw / var(--dw));
	}

	.section--event .section__heading {
		font-size: 30px;
		text-align: left;
	}

	.section--event .section__sub-heading {
		font-size: 12px;
	}

	.section--event .section__head .section__links {
		display: none;
	}

	.section--event .section__body .section__links {
		display: block;
	}

	.section--event .section__links {
		margin-top: calc(20vw / var(--dw));
	}

	.section--event .section__links .btn {
		width: 100%;
	}

	.event-tile__head {
		min-width: 130px;
		/* 20210225 */
	}
}

.event-list {
	display: flex;
	flex-direction: column;
	margin-top: -30px;
}

.event-list .event-tile {
	margin-top: 30px;
}

.event-tile {
	display: flex;
}

.event-tile__head {
	margin-right: 20px;
	min-width: 140px;
	/* 20210225 */
}

.event-tile__body {
	flex: 1;
}

.event-tile__entry {
	border: 1px solid #D9D9D9;
	text-align: center;
	background-color: white;
}

.event-tile__status {
	background-color: #CC0033;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	padding: 4px 8px;
}

.event-tile__status::before {
	content: "受付中";
}

.event-tile__date {
	padding: 6px 20px 5px;
	color: #CC0033;
}

.event-tile__y,
.event-tile__w {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.event-tile__md {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3;
}

span.event-tile__md {
	display: block;
}

.event-tile__w::before {
	content: '(';
}

.event-tile__w::after {
	content: ')';
}

.event-tile--expired .event-tile__status {
	background-color: #666;
	color: #fff;
}

.event-tile--expired .event-tile__date {
	color: #666;
}

.event-tile--expired .event-tile__status::before {
	content: "受付終了";
}

.event-tile__tags {
	margin-bottom: 2px;
}

.event-tile__tags .event-tile__tag {
	margin-right: 10px;
}

.event-tile__tag {
	display: inline-block;
	background-color: #666666;
	font-size: 11px;
	color: #fff;
	padding: 0 4px;
}

.event-tile__tag--new {
	background-color: #D00012;
	color: white;
}

.event-tile__title a.blank:after {
	content: url(/content/dam/nttcom/hq/jp/index/img/external-link-outline-primary.svg);
	display: inline-block;
	width: 10px;
	height: 10px;
}

/*------------------------------------*\ #innovation \*------------------------------------*/
.innovation-value--3 .innovation-card:nth-of-type(n + 5),
.innovation-value--4 .innovation-card:nth-of-type(n + 5) {
	display: none;
}

.innovation-value--5 .innovation-card:nth-of-type(n + 7),
.innovation-value--6 .innovation-card:nth-of-type(n + 7) {
	display: none;
}

.section--innovation {
	margin-top: 200px;
	color: white;
	z-index: 2;
}

.section--innovation .section-heading__main {
	color: #231815;
}

.section--innovation .section-heading__main br {
	display: none;
}

.section--innovation .section__container {
	max-width: 950px;
	margin: auto;
	padding: 0 20px;
}

@media screen and (min-width: 769px) {
	.section--innovation .bg {
		top: -1026px;
		width: 2000px;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}

	.innovation-value--3 .bg,
	.innovation-value--4 .bg {
		background-image: url(/content/dam/nttcom/hq/jp/index/img/bg/innovation_4.svg);
		height: 3253.5px;
	}

	.innovation-value--5 .bg,
	.innovation-value--6 .bg {
		background-image: url(/content/dam/nttcom/hq/jp/index/img/bg/innovation_6.svg);
		height: 3698.5px;
	}

	.innovation-value--7 .bg,
	.innovation-value--8 .bg {
		background-image: url(/content/dam/nttcom/hq/jp/index/img/bg/innovation_8.svg);
		height: 4154px;
	}
}

@media screen and (max-width: 768px) {
	.section--innovation {
		margin-top: 65px;
		z-index: 3;
	}

	.section--innovation .section-heading__main br {
		display: inline;
	}
}

.innovation-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
}

.innovation-grid .innovation-card {
	width: calc(50% - 22px);
}

@media screen and (min-width: 769px) {
	.innovation-grid {
		padding-top: 16px;
	}

	.innovation-grid .innovation-card:nth-child(odd) {
		margin-top: -16px;
	}

	.innovation-grid .innovation-card:nth-child(even) {
		margin-left: 44px;
		margin-top: 44px;
	}
}

@media screen and (max-width: 768px) {
	.innovation-grid {
		display: block;
		margin: 40px 0 0 0;
	}

	.innovation-grid .innovation-card {
		width: 100%;
	}

	.innovation-grid .innovation-card:not(:first-child) {
		margin: 15px 0 0 0;
	}

	.innovation-grid .innovation-card:nth-child(even) {
		margin-top: 15px;
	}
}

.innovation-card {
	display: block;
	background-color: #fff;
	border: 1px solid #B2B2B2;
}

.innovation-card__eyecatch {
	display: block;
	width: 100%;
	height: auto;
}

.innovation-card__body {
	padding: 20px 58px 25px 25px;
	min-height: 178px;
	position: relative;
}

.innovation-card__body::after {
	content: "";
	display: inline-block;
	background: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-primary.svg);
	background-size: 100% 100%;
	width: 8px;
	height: 13.49px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	margin: auto;
}

.innovation-card__title {
	font-size: 20px;
	font-weight: bold;
	color: #CC0033;
}

.innovation-card__copy {
	font-weight: bold;
	margin-top: 15px;
	color: #000;
}

/*------------------------------------*\ #culture \*------------------------------------*/
.section--culture {
	padding: 180px 0 200px;
	color: white;
	z-index: 2;
}

.section--culture .section-heading__main,
.section--culture .section-heading__sub {
	color: #231815;
}

.section--culture .section__container {
	max-width: 1040px;
	margin: auto;
	padding: 0 20px;
}

.section--culture .section__content {
	margin-top: 60px;
}

@media screen and (max-width: 768px) {
	.section--culture {
		padding: 65px 0 60px;
	}

	.section--culture .bg {
		width: 768px;
		height: 1950px;
		background-image: url(/content/dam/nttcom/hq/jp/index/img/bg/culture_sp.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 768px 1950px;
		top: -557px;
		left: 50%;
		transform: translate(-50%);
	}

	.section--culture .section-heading__main {
		letter-spacing: 0;
	}
}

.culture-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.culture-grid .culture-card {
	width: calc(50% - 20px);
}

@media screen and (min-width: 769px) {
	.culture-grid .culture-card:nth-of-type(even) {
		margin-left: 40px;
	}

	.culture-grid .culture-card:nth-of-type(n + 3) {
		margin-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	.culture-grid {
		margin: 40px 0 0;
	}

	.culture-grid .culture-card {
		width: 100%;
	}

	.culture-grid .culture-card:not(:first-child) {
		margin: 20px 0 0;
	}
}

/* culture-card */
.culture-card {
	background-color: #fff;
	display: flex;
	align-items: center;
	position: relative;
	height: 180px;
	overflow: hidden;
}

.culture-card__head {
	margin-right: 25px;
}

.culture-card__body {
	flex: 1;
	padding: 25px 0;
}

.culture-card__arrow {
	content: "";
	display: inline-block;
	background: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-primary.svg);
	background-size: 100% 100%;
	width: 8px;
	height: 13.49px;
	margin: 0 25px;
}

.culture-card__eyecatch {
	display: block;
}

.culture-card__title {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #CC0033;
}

.culture-card__copy {
	margin-top: 15px;
	color: #000;
}

.culture-card--external::after {
	content: "";
	display: inline-block;
	background-image: url(/content/dam/nttcom/hq/jp/index/img/external-link-outline-primary.svg);
	background-size: 100% 100%;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 10px;
	height: 10px;
}

@media screen and (max-width: 768px) {
	.culture-card {
		padding: 36px 20px;
		height: auto;
	}

	.culture-card__eyecatch {
		width: 90px;
		height: auto;
	}

	.culture-card__body {
		padding: 0;
	}

	.culture-card__arrow {
		margin-right: 0;
		margin-left: 20px;
	}

	.culture-card__title {
		font-size: 14px;
	}

	.culture-card__copy {
		font-size: 12px;
	}
}

/*------------------------------------*\ #service \*------------------------------------*/
.section--service {
	background-color: rgba(235, 235, 235, 0.97);
	padding: 80px 0;
	margin-top: 80px;
	
	position: relative;
	z-index: 4;
}

.section--service .section__container {
	max-width: calc(1040px + 20px * 2);
	padding: 0 20px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.section--service {
		padding: 40px 20px;
		margin: 0;	
	}

	.section--service .section__container {
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
}

/* service-switch */
.service-switch {
	position: relative;
}

/* service-tab-set */
.service-tab-set {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1000px;
	margin: auto;
}

@media screen and (max-width: 768px) {
	.service-tab-set {
		max-width: 360px;
	}
}

/* service-tab */
.service-tab {
	width: 490px;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 63px;
	background-color: #4C4C4C;
	color: white;
	position: relative;
	/* cursor: pointer; */
}

.service-switch[data-target=business] .service-tab--business,
.service-switch[data-target=customer] .service-tab--customer {
	color: white;
	background-color: #CC0033;
	height: 82px;
	z-index: 1;
}

.service-switch[data-target=business] .service-tab--business::after,
.service-switch[data-target=customer] .service-tab--customer::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 20.785px;
	background-image: url(/content/dam/nttcom/hq/jp/index/img/service/tip.svg);
	background-size: 100% 100%;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -15px;
}

@media screen and (max-width: 768px) {
	.service-tab {
		width: 170px;
		height: 54px;
		font-size: 14px;
	}

	.service-switch[data-target=business] .service-tab--business,
	.service-switch[data-target=customer] .service-tab--customer {
		height: 62px;
	}
}

/* service-content-set*/
.service-content-set {
	margin-top: -14px;
	position: relative;
}

/* service-content */
.service-content {
	display: none;
}

.service-switch[data-target=business] .service-content--business,
.service-switch[data-target=customer] .service-content--customer {
	display: block;
}

@media screen and (max-width: 768px) {
	.service-content {
		padding: 0;
	}
}

/* service-nav-set */
.service-nav-set {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	.service-nav-set {
		flex-direction: column;
	}
}

/* service-nav */
.service-nav {
	border-right: 1px solid #CCC;
	/* padding: 0 30px; */
	width: 50%;
}

.solution_block {
	width: 40%;
}

.service_block {
	width: 60%;
}

.service-nav.col1 {
	width: 100%;
}

.service-nav__header {
	display: flex;
}

.service-nav__circle {
	background-color: #fff;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	border-radius: 50%;
}

.service-nav__icon {
	vertical-align: top;
	width: 45px;
	height: 44.99px;
}

.service-nav__heading {
	position: relative;
	margin-top: 3px;
}
.service-nav__heading span {
	position: relative;
	padding-right: 3px;
	padding-left: 15px;
	padding-bottom: 10.5px;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
	margin-left: -4px;
}
.service-nav__header span::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #CD0033;
	bottom: 0;
	left: 0;
}

.service-nav--buy {
	margin-bottom: 60px;
}
.service-nav--buy .service-nav__heading {
	margin-top: 8px;
}
.service-nav--buy .service-nav__heading span {
	padding-bottom: 10.5px;
	padding-left: 16px;
	margin-left: -5px;
}
.service-nav--contact .service-nav__heading {
	margin-top: 13px;
}
.service-nav--contact .service-nav__heading span {
	padding-bottom: 9.5px;
	padding-left: 17.2px;
	margin-left: -2.2px;
}

.service-nav__content {
	margin-top: 40px;
	display: flex;
	justify-content: flex-end;
	gap: 44px;
}
.service-nav__text {
	font-size: 16px;
	flex: 1;
	max-width: 306px;
	width: 100%;
}
.service-nav--buy .service-nav__list,
.service-nav--contact .service-nav__list {
	max-width: 690px;
	width: 100%;
	margin-top: 0;
}
.service-nav--buy .service-nav__item,
.service-nav--contact .service-nav__item {
	width: calc(100% / 4 - 11px / 4 * 3);
}

.service-nav:last-child {
	border-right: none;
}

.service-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
	margin-top: 40px;
}
.service-nav__list.solution-block_c {
	margin-top: 11px;
}

.service-nav__item {
	background-color: white;
	color: #000;
	width: calc(100% / 6 - 11px / 6 * 5);
	aspect-ratio: 1;

	position: relative;
}
.service-nav__item .blank_img {
	margin: 0;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.service-nav__list.solution-block_c .service-nav__item {
	width: calc(100% / 3 - 11px / 3 * 2);
	aspect-ratio: auto;
}
.service-nav__list.solution-block_c .service-nav__item a {
	font-weight: bold;
}

.service-nav__list.solution-block_c .service-nav__item a::after {
	display: inline-block;
	content: "";
	background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-primary.svg);
	background-size: 100% 100%;
	width: 6.409px;
	height: 9.561px;
}
.service-nav__item a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 25px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;

		/* padding-top: 38px; */x

	width: 100%;
	height: 100%;
}

.service-nav__img {
	height: 43px;
	display: flex;
	align-items: center;
}
.service-nav__img img {
	max-height: 100%;
}

.service-nav__list.solution-block_c .service-nav__item a {
	flex-direction: row;
	justify-content: space-between;
	padding: 11px 12.2px 11px 22px;
}

a.servce-other-link {
	text-decoration: underline
}

a.servce-other-link:hover {
	color: #cc0033;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.service-nav {
		border-top: 1px solid white;
		padding: 40px 0 0;
		margin-top: 40px;
		border-right: none;
	}

	.service-nav:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}

	.service-nav.col1 {
		border-top: 1px solid white;
		padding-top: 40px;
	}

	.service-nav__circle {
		margin-bottom: 20px;
	}

	.service-nav {
		width: 100%;
	}

	.solution_block {
		width: 100%;
	}

	.service_block {
		width: 100%;
	}

	.service-nav__header {
		min-height: auto;
	}
}

.service-content--business .service-content__ict-banner {
	margin-top: 35px;
	display: block;
	text-align: center;
}

.service-content--business .service-content__ict-banner-note {
	font-size: 12px;
}

.solution_block .service-nav__item {
}

/* 230316 暫定設置*/
.solution_block .service-nav__item-2column {
	/* width: calc(50% - 6px); */
}

.service-nav__list_wrap {
	display: flex;
	justify-content: space-between;
}

.service-nav__list01,
.service-nav__list02 {
	/* width: 48%; */
}

@media screen and (max-width: 768px) {
	.service-content--business .service-content__ict-banner {
		text-align: center;
	}

	.service-nav__list_wrap {
		display: block;
	}

	.service-nav__list01,
	.service-nav__list02 {
		width: 100%;
	}
}

/*------------------------------------*\ #company \*------------------------------------*/
.section--company {
	color: white;
	padding: 80px 0 0;
	overflow: hidden;

	position: relative;
	z-index: 4;
}

.section--company .bg {
	/* background-image: url(/content/dam/nttcom/hq/jp/index/img/bg/company.svg); */
	width: 2000px;
	height: 599.38px;
	background-size: 2000px auto;
	left: 50%;
	transform: translate(-50%);
}

.section--company .container {
	max-width: calc(1040px + 20px * 2);
	width: 100%;
	padding: 0 20px;
}

.section--company .section-wrap {
	display: flex;
	justify-content: center;
	gap: 230px;
}
.section--company .section-body {
	max-width: 690px;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.section--company {
		padding: 40px 0;
	}

	.section--company .bg {
		background-image: url(/content/dam/nttcom/hq/jp/index/img/2024/bg/company_sp.svg);
		background-size: cover;
		width: 100%;
		height: 100%;
	}

	.section--company .section-body {
		max-width: none;
	}
}

.section--company .section__actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
}
.section--company .btn {
	font-size: 14px;
	width: 222px;
	height: 48px;
}
.section--company .btn::after {
	height: 10.04px;
	width: 6.77px;
}

.section--company .section-heading__main,
.section--company .section-heading__sub {
	color: #fff;
}

/* company-list */
.company-list {
	display: flex;
	gap: 11px;
}

.company-list .company-tile {
	width: calc(100% / 3 - 11px / 3 * 2);
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.company-list .company-tile a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	gap: 35.6px;

	position: relative;
	padding: 0;
}
.company-list .company-tile a::after {
	content: "";
	display: block;
	width: 63px;
	height: 1px;
	background-color: black;
	position: absolute;
	top: 121.5px;
	left: 0;
	right: 0;
	margin-inline: auto;
}
.company-list .company-tile a:hover {
	color: #CD0033;
}

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

/* company-tile */
.company-tile {
	background-color: white;
	font-weight: bold;
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	line-height: 1.3;
	align-items: center;
	font-size: 14px;
}

.section--company .company-tile {
	color: #000;
}

.company-tile__title {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.company-tile {
		flex-direction: row;
		padding: 15px 37px 15px 15px;
	}

	.company-tile__icon {
		margin-bottom: 0;
		margin-right: 10px;
	}

	.company-tile__title {
		justify-content: flex-start;
	}

	.company-tile__title br {
		display: none;
	}
}

/*------------------------------------*\ #banner \*------------------------------------*/
.section--banner {
	padding: 50px 0;
}

/* banner-list */
.banner-list {
	display: flex;
	margin-left: -50px;
	justify-content: center;
}

.banner-list__item {
	margin-left: 50px;
}

@media screen and (max-width: 768px) {
	.banner-list {
		flex-direction: column;
		margin-top: -20px;
		align-items: center;
	}

	.banner-list__item {
		margin-top: 20px;
	}
}

/*------------------------------------*\ #footer \*------------------------------------*/
.section--footer {
	position: relative;
	z-index: 3;
	padding: 40px 0;
}

/* footer-list */
.footer-list {
	display: flex;
	/* justify-content: space-between; */
	margin-left: -44px;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	footer {
		overflow: hidden;
	}

	.footer-list {
		flex-direction: column;
		margin-left: 0;
		gap: 40px;
	}

	.footer-list .footer-tree {
		width: 100%;
		margin: 0;
	}
}

/* footer-tree */
.footer-tree {
	margin-left: 44px;
	width: calc(33.333% - 44px);
	margin-bottom: 40px;

	display: flex;
	flex-direction: column;
	gap: 40px;
}

.footer-node__label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	border-bottom: 1px solid #DDD;
	/* color: #CC0033; */
	padding-bottom: 15px;
	margin-bottom: 15px;
}

a.footer-node__label:hover {
	color: #000 !important;
}

a.footer-node__label:visited {
	color: #D00012;
}

a.footer-node__label:active {
	color: #D00012;
}

a.footer-node__label:hover::after {
	background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-black.svg);
}

a.footer-node__label::after {
	content: "";
	display: inline-block;
	background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-primary.svg);
	background-size: 100% 100%;
	width: 6.409px;
	height: 9.561px;
}

.footer-branch {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-left: 20px;
}
.footer-branch--near {
	gap: 0;
}
.footer-leaf {
	/* margin: 10px 0; */
}

.footer-leaf__label {
	display: block;
	text-decoration: underline;
	line-height: 20px;
}
.footer-leaf__label + ul .footer-leaf__label {
	line-height: 28px;
}
.footer-leaf__label--insite::after {
	content: "";
	display: inline-block;
	background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-primary.svg);
	background-size: 100% 100%;
	width: 6.409px;
	height: 9.561px;
	margin-left: 10px;
}

a.footer-leaf__label:hover {
	color: #CC0033;
	text-decoration: none;
}

.footer-banner {
	display: inline-block;
	margin-top: 10px;
}

/*------------------------------------*\ #special 20220620 ADD \*------------------------------------*/
@media screen and (min-width: 769px) {
	.section--special {
		margin-top: 100px;
	}

	.section--special .only-smt {
		display: none !important;
	}

	.sec-cmn-lv2.special_block {
		margin-top: 57px;
	}

	.special_block ul.mod-biz-panel {
		display: flex;
		flex-flow: row wrap;
		/* justify-content: flex-start; */
		justify-content: center;
		align-items: center;
		align-content: flex-start;
		margin: 0 0 10px 0;
		margin-left: 0px;
	}

	.special_block ul.mod-biz-panel.col4>li {
		float: none !important;
		display: inline-flex;
		align-self: stretch;
		margin: 0;
		padding: 10px 20px 10px 0;
		width: 25%;
	}

	.special_block ul.mod-biz-panel.col4>li:last-child {
		padding-right: 0;
	}

	.mod-biz-panel.col3 {
		justify-content: space-between;
	}

	.special_block ul.mod-biz-panel.col3>li {
		float: none !important;
		display: inline-flex;
		align-self: stretch;
		margin: 0;
		padding: 10px 20px 10px 0;
		width: 380px;
	}

	.special_block ul.mod-biz-panel.col3>li:last-child {
		padding-right: 0;
	}

	.special_block .mod-biz-panel .mod-biz-panel-body {
		position: relative;
	}

	.special_block .mod-biz-panel .mod-biz-panel-body>a {
		display: block;
		text-decoration: none;
	}

	.special_block ul.mod-biz-panel .mod-biz-panel-body>a {
		height: 100%;
	}

	.special_block .mod-biz-panel .mod-biz-panel-body>a::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border: 1px solid #dcdcdc;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #dcdcdc;
		z-index: 1;
	}

	.special_block .mod-biz-panel .mod-biz-panel-body>a .inner {
		position: relative;
	}

	.special_block .mod-biz-panel .mod-biz-panel-body>a .inner>figure>img {
		width: 100%;
		height: auto;
	}

	.special_block .mod-biz-panel .mod-biz-panel-body>a .inner>.detail {
		padding: 0 20px 20px;
		text-align: left;
	}

	.special_block .mod-biz-panel .mod-biz-panel-body>a .inner>.detail>.ttl {
		margin-bottom: 25px;
		font-size: 14px;
		color: #093475;
		font-weight: 700;
	}

	.special_block .mod-biz-panel .mod-biz-panel-body>a .inner>.detail>.txt {
		font-size: 14px;
		color: #000;
	}

	.special_block .ico-cmn-bnr {
		position: absolute;
		right: 7px;
		bottom: 7px;
	}
}

@media screen and (max-width: 768px) {
	.section--special {
		margin-top: 60px;
	}

	.section--special .only-pc {
		display: none !important;
	}

	.section--special .only-smt {
		display: block !important;
	}

	.section--special .mod-biz-panel>li {
		margin-top: 10px;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body {
		position: relative;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body>a {
		display: block;
		padding: 18px 5px 15px;
		text-decoration: none;
	}

	.section--special ul.mod-biz-panel .mod-biz-panel-body>a {
		padding: 11px 5px 8px;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body>a::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border: 1px solid #dcdcdc;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #dcdcdc;
		z-index: 1;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body>a .inner {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		padding-bottom: 15px;
	}

	.section--special ul.mod-biz-panel .mod-biz-panel-body>a .inner {
		padding-bottom: 4px;
		text-align: left;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body>a .inner>.detail>.ttl {
		margin-bottom: 15px;
		font-size: 13px;
		color: #093475;
		font-weight: 700;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body>a .inner>.detail>.txt {
		font-size: 13px;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body>a .inner>figure {
		width: 116px;
		margin: 0;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body>a .inner>figure img {
		max-width: 100%;
	}

	.section--special .mod-biz-panel .mod-biz-panel-body>a .inner>.detail {
		padding: 0 10px;
	}

	.section--special .ico-cmn-bnr {
		position: absolute;
		right: 7px;
		bottom: 7px;
	}
}

.section--special .section__actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
}

.section--corporate-member {
	background: #eee;
	padding: 50px 0;
}

.corporate-member_block {
	margin: 50px auto 0;
	display: flex;
}

.corporate-member_item {
	width: calc(100% / 3 - 20px);
	overflow: hidden;
	margin-right: 40px;
}

.corporate-member_block a {
	display: block;
	padding: 20px;
	background: #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

@media screen and (max-width: 768px) {
	.section--corporate-member {
		background: url(/content/dam/nttcom/hq/jp/index/img/city.jpg) top 50px center no-repeat;
		background-size: contain;
		padding: 30px 0;
	}

	.corporate-member_block {
		margin: 20px auto 0;
		display: block;
	}

	.corporate-member_item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		border: 1px solid #ccc;
	}
}

/*------------------------------------*\ 20230320 NEWS右横 ボタン更新 \*------------------------------------*/
/* sp/tab support-button */
.support-link-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.support-link-block div {
	width: 100%;
}

.support-link-block div a {
	display: block;
	background-color: #CC0033;
	color: #fff;
	width: 100%;
	padding: 10px 20px;
	border-radius: 6px;
	text-align: center;
	border: 1px solid #CC0033;
	position: relative;
}

.support-link-block div.ncom-tab a::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 30px;
	right: 10px;
}

.support-link-block div.docomo-tab a::after {
	background-image: url(/content/dam/nttcom/hq/jp/index/img/external-link.svg);
	position: absolute;
	content: '';
	top: 30px;
	right: 8px;
	display: block;
	width: 10px;
	height: 10px;
	background-size: contain;
	background-repeat: no-repeat;
}

.support-link-block div.docomo-tab--blank_img a::after {
	display: none;
}

.support-link-block div.docomo-tab--blank_img a .blank_img {
	position: absolute;
	top: 30px;
	right: 8px;
	width: 10px;
	height: 10px;
}

.support-link-block div a:hover {
	display: block;
	opacity: 0.75;
}

/* pc news menu */
.select-news-menu {
	position: relative;
	width: 100%;
	margin-top: 20px;
	min-height: 44px;
}

.select-news-menu>li {
	width: 100%;
}

.select-news-menu>li:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
}

.select-news-menu>li span {
	width: 100%;
	padding: 10px 22px 10px 16px;
	border: 1px solid #CC0033;
	border-radius: 8px;
	color: #fff;
	background-color: #CC0033;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	cursor: default;
}

.select-news-menu>li a:hover {
	opacity: 0.75;
}

.select-news-menu>li.menu__single {
	position: relative;
}

li.menu__single ul.menu__second-level {
	position: absolute;
	top: 42px;
	width: 100%;
	background-color: #fff;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
	top: 42px;
	visibility: visible;
	opacity: 1;
}

ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

.menu__second-level li {
	position: relative;
	margin-top: 1px;
}

.menu__second-level li a {
	width: 100%;
	padding: 10px 22px 10px 16px;
	border: 1px solid #CC0033;
	border-radius: 8px;
	color: #CC0033;
	background-color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0px 5px 8px #c5c5c5;
}

.menu__second-level li a:hover {
	opacity: 0.75;
}

/* bottom arrow */
.init-bottom:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 15px;
	right: 10px;
}

/* right arrow */
.init-right:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0;
	border-right: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 15px;
	right: 10px;
}

/*------------------------------------*\ 20230323 SERVICE/SOLUTION layout update \*------------------------------------*/
.service-nav-set {
	flex-direction: column;
}

.service-nav {
	border-right: none;
	/* border-bottom: 1px solid #ccc;
	padding: 20px 30px 30px; */
}

.service-content {
	/* padding: 50px 30px 60px; */
}

.solution_block {
	width: 100%;
	margin-bottom: 80px;
}

.service_block {
	width: 100%;
}

.solution_block .solution-block_b a img {
	/* height: 43px; */
	height: 100%;
}

.solution_block .solution-block_c a.service-nav__item {
	width: calc(33.333% - 6px);
}

.solution_block .section__actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
}

.inc_brock .service-nav {
	border: none;
}

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

	.solution_block,
	.service_block {
		padding-inline: 0px;
	}

	.solution_block .solution-block_b a.service-nav__item {
		width: calc(33.333% - 6px);
		display: flex;
		flex-direction: column;
	}

	.solution_block .solution-block_b a.service-nav__item::after {
		background-image: none;
	}

	.solution_block .solution-block_b a img {
		margin-left: 0px;
	}

	.solution_block .solution-block_c a.service-nav__item {
		width: calc(50% - 6px);
	}
}

@media screen and (max-width:480px) {
	.solution_block .solution-block_b a img {
		/* width: 40%; */
	}

	.solution_block .solution-block_c a.service-nav__item {
		width: calc(100%);
	}

	.solution_block .section__action,
	.solution_block .section__action .btn {
		width: 100%;
	}
}

/* アコーディオン outer 20230701 */
/*---------------------- 初期設定　CLOSE用 .acc-contents { display: none; } -----------------------*/
.info-accordion-area {
	margin: 0;
	padding: 0;
}

.info-accordion-header {
	display: flex;
	justify-content: space-between;
	background-color: #eee;
	padding: 10px 20px;
}

h2.information-accordion-title {
	flex-grow: 1;
	flex-shrink: 1;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0 0 0 160px;
	box-sizing: content-box;
	text-align: center;
}

h2.information-accordion-title::before {
	content: "";
	background-image: url(/content/dam/nttcom/cmn/img/header/alert.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 19px;
	height: 17px;
	margin-right: 1em;
	display: inline-block;
	position: relative;
	top: 3px;
}

.info-accordion-right {
	display: flex;
	flex-shrink: 0;
	align-items: center;
}

.info-accordion-right span,
.info-accordion-right button {
	width: 70px;
	height: 28px;
	text-align: center;
	background: #fff;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	border: none;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

.info-accordion-right span.acc-btn,
.info-accordion-right button.acc-btn {
	cursor: pointer;
}

.info-accordion-right span.acc-btn:hover,
.info-accordion-right button.acc-btn:hover {
	color: #cc0033;
}

.info-accordion-right span a {
	text-decoration: none;
	display: block;
}

.info-accordion-right span a:hover {
	color: #cc0033;
}

.acc-all-link a::after {
	background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-black.svg);
	content: "";
	display: inline-block;
	background-size: 100% 100%;
	width: 6.409px;
	height: 9.561px;
	margin-left: 3px;
}

.acc-all-link a:hover::after {
	background-image: url(/content/dam/nttcom/hq/jp/index/img/arrow-right-primary.svg);
}

.acc-contents {
	padding: 10px 15px 5px;
	overflow: hidden;
	border: 1px solid #eee;
}

/* アコーディオン inner 20230701 */
.section--special--imp--info {
	margin-top: 40px;
	position: relative;
	z-index: 1;
}

ul.imp-info-list {
	list-style-type: none;
	list-style-position: outside;
}

ul.imp-info-list li {
	display: flex;
	line-height: 1.4em;
	margin-bottom: 15px;
	font-size: 16px;
}

ul.imp-info-list li span.imp-info-date {
	width: 160px;
	flex-grow: 0;
	flex-shrink: 0;
}

ul.imp-info-list li span.imp-info-title {
	flex-grow: 1;
}

ul.imp-info-list li span.imp-info-title a {
	text-decoration: underline;
	text-decoration-color: #4C4C4C;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

ul.imp-info-list li span.imp-info-title a:hover {
	color: #cc0033;
	text-decoration: none;
	background: #fafafa;
}

@media screen and (max-width:768px) {
	h2.information-accordion-title {
		text-align: left;
		padding: 0px;
	}

	ul.imp-info-list li {
		flex-direction: column;
	}

	ul.imp-info-list li span.imp-info-date {
		font-weight: bold;
	}

	ul.imp-info-list li span.imp-info-title {
		margin-bottom: 10px;
	}
}

/*「重要なお知らせ」仕様追加 */
ul.imp-info-list li span.imp-info-date {
	width: 240px;
	position: relative;
	padding-left: 23px;
}

ul.imp-info-list li span.thumbtack:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(/content/dam/nttcom/cmn/img/header/thumbtack.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:768px) {
	ul.imp-info-list li span.imp-info-date {
		width: 100%;
	}
}

/* .page__main::before {
    content: "";
    display: block;
	position: absolute;
	top: 0;
    width: 100%;
    aspect-ratio: 1280 / 4098;
    background: url(/content/dam/nttcom/hq/jp/index/img/2024/bg.svg) top center no-repeat;
    background-size: contain;
} */


.section--featured {
	background-color: #CD0033;
	z-index: 1;
	margin-top: 80px;
}
.featured-inner {
	max-width: calc(1240px + 20px * 2);
	width: 100%;
	margin-inline: auto;
	padding: 30px 20px;
	position: relative;
}
.featured-title {
	font-size: 30px;
	font-weight: bold;
	color: white;
	margin-bottom: 21px;
}
.featured-title br {
	display: none;
}
.featured-features {
	display: flex;
	overflow: hidden;
}
.featured-feature {
	position: relative;
	display: block;
	/* clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); */
	clip-path: url(#featured-feature-clip);
	width: 456.92px;
	height: 330px;
	flex-shrink: 0;
	translate: -20px 0;
}
.featured-feature:nth-child(2) {
	/* translate: -60px 0; */
	margin-inline: -45px;
}
.featured-feature:nth-child(3) {
	/* translate: -100px 0; */
}
.featured-feature-title {
	position: absolute;
	color: white;
	font-size: 30px;
	line-height: 44px;
	font-weight: bold;
	width: 216.18px;
	height: 49.81px;
	top: 0;
	left: 38px;

	display: flex;
	align-items: center;

	clip-path: polygon(4.5% 0%, 100% 0%, 95.5% 100%, 0% 100%);
}
.featured-feature-title span {
	display: block;
	padding-left: 30px; 
	position: relative;
}
.featured-feature-title::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #333333;
	mix-blend-mode: multiply;
}
.featured-feature-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
}
.featured-feature-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .25s scale, .25s opacity;
}
.featured-feature:hover .featured-feature-image img {
	scale: 1.1;
	opacity: .85;
}
.featured-feature-content {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 103px;

	display: flex;
	gap: 25.9px;
	align-items: center;
}
.featured-feature-content::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #333333;
	mix-blend-mode: multiply;
}
.featured-feature-content p {
	position: relative;
	font-size: 14px;
	font-weight: medium;
	line-height: 1.75;
	color: white;
	width: 186px;
	margin-left: 50px;
}
.featured-feature-content .featured-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3.8px;
	color: white;
	width: 131.11px;
	height: 63.4px;
	font-size: 14px;
}
.featured-feature-content .featured-btn:hover {
	color: #CD0033;
}

.featured-feature-content .featured-btn br {
	display: none;
}
.featured-feature-content .featured-btn svg path {
	/* transition: .5s stroke, .5s fill; */
}

.featured-feature-content .featured-btn .-arrow {
	position: relative;
	display: block;
	height: 10.04px;
	width: 6.77px;
}
.featured-feature-content .featured-btn .-border {
	width: 100%;
	height: 100%;

	position: absolute;
}
.featured-feature-content .featured-btn span {
	position: relative;
}

.featured-feature-content .featured-btn:hover .-border path {
	fill: white;
	stroke: none;
}
.featured-feature-content .featured-btn:hover .-arrow path {
	fill: #CD0033;
}

.featured-list {
	margin-top: 10px;
	display: flex;
	gap: 4px;
	overflow: hidden;
}
.featured-item {
	position: relative;
	height: 60px;
	width: 100%;
}
.featured-item::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	transform: skew(-10deg);
	transition: .25s opacity;
}
.featured-item a {
	position: relative;
	display: flex;
	gap: var(--ag, 8.8px);
	align-items: center;
	font-size: var(--af, 14px);
	line-height: var(--al, 18px);
	font-weight: bold;
	padding-left: 8.8px;

	width: 100%;
	height: 100%;

	/* transition: .25s opacity; */
}
.featured-item a i {
	display: block;
	width: var(--iw);
	height: var(--ih);
	background-image: var(--ii);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.featured-item a:hover {
	/* opacity: .85; */
	color: #CD0033;
}
.featured-item:hover::before {
	/* opacity: .85; */
}
.featured-item sup {
	line-height: 0;
}

.featured-attention {
	position: absolute;
	width: 426px;
	bottom: 5px;
	right: 65px;
	font-size: 12px;
	font-weight: medium;
	color: white;
}

.section--type2 .fg {
	display: flex;
	justify-content: flex-start;
	gap: 44px;
	background-color: #F4F4F4;
	padding: 50px 60px;

	max-width: calc(100% - (50% - 1240px / 2));
	margin-left: auto;
	margin-right: 0;;
}
.section--type2 .section-heading {
	width: 306px;
}
.section--type2 .pickup--media {
	max-width: 817px;
	width: 100%;
}


.section--case .bg {
	top: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 2000px;
    height: 3190px;
    background-image: url(/content/dam/nttcom/hq/jp/index/img/2024/bg/case.svg);
    background-size: cover;
    background-position: center top;
}


.splide__list {
	/* align-items: flex-start; */
}

@media screen and (max-width: 768px) {
	.section--case .bg {
		display: none;
	}

	.section--special--imp--info {
		margin-top: 20px;
	}

	.section--featured {
		margin-top: 0;
	}
	.featured-title {
		font-size: 30px;
		line-height: 40px;
	}
	.featured-title br {
		display: inline;
	}
	.featured-inner {
		padding: 40px 20px 30px;
	}
	.featured-features {
		flex-direction: column;
		gap: 10px;
	}
	.featured-feature {
		clip-path: polygon(4.75341651812% 0, 100% 0, 100% 65%, 95.3553178847% 100%, 0 100%, 0 31%);

		width: 100%;
		height: auto;
		aspect-ratio: 336.6 / 276.22;
		translate: 0 0;
	}
	.featured-feature:nth-child(2) {
		margin: 0;
	}

	.featured-feature-title {
		left: calc(10vw / var(--dw));
	}
	.featured-feature-content {
		padding-right: calc(20vw / var(--dw));
	}
	.featured-feature-content p {
		width: auto;
		font-size: 16px;
		flex: 1;
		margin-left: calc(20vw / var(--dw));
	}

	.featured-list {
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 10px;
	}
	.featured-item {
		width: calc(100% / 4 - 10px / 4 * 3);
		/* height: auto; */
		/* aspect-ratio: 163.17 / 78.7; */
	}
	.featured-item a {
		position: relative;
		padding-left: 15px;
		background-color: white;
		clip-path: polygon(9.19286633572% 0, 100% 0, 100% 100%, 0 100%, 0 18.3857326714%);
	}
	.featured-item::before {
		display: none;
	}
	.featured-item a i {
		/* width: calc(var(--sw) / var(--dw));
		height: calc(var(--sh) / var(--dw)); */
	}
	.featured-item a span {
		position: absolute;
		display: flex;
		align-items: center;
		top: 0;
		left: 60px;
		bottom: 0;
		margin: auto 0;
	}
	.featured-attention {
		text-align: right;
		right: 0;
		font-size: 10px;
		padding-right: 13px;
		width: 100%;
	}

	.section--news {
		padding-top: 44px;
	}
	.section--news .section__container {
		padding: 0 20px;
		flex-direction: column;
		padding-bottom: 40px;
	}
	.section--news .section__heading {
		/* font-size: calc(30vw / var(--dw));
		line-height: calc(44vw / var(--dw)); */
		font-size: 30px;
		line-height: 44px;
	}

	.section--news .section__actions .section__actions-item .section__action-btn {
		font-size: 16px;
		line-height: 19px;
		padding: 13px 47px 15px;
		display: flex;
		justify-content: flex-start;
		font-size: 16px;
	}
	.section--news .section__actions .section__actions-item .section__action-btn--center {
		justify-content: center;
		text-align: center;
	}
	.section--news .section__actions .section__actions-item .section__action-btn--foma {
		padding: 13px 19px 19px;
	}
	.section--news .section__actions .section__actions-item .section__action-btn--foma span {
		/* width: calc(248vw / var(--dw)); */
		padding-right: 40px;
		font-feature-settings: "palt";
	}
	.section--news .section__action-btn:first-of-type {
		margin: 0;
	}
	.btn {
		font-size: 19px;
	}
	.btn::after {
		/* width: calc(9.46vw / var(--dw));
		height: calc(14.57vw / var(--dw));
		right: calc(28.5vw / var(--dw)); */
		width: 9.46px;
		height: 14.57px;
		right: 28.5px;
	}
	.btn--external--noafter .btn--external_img {
		/* right: calc(28.5vw / var(--dw)) !important;
		width: calc(9.46vw / var(--dw)) !important; */
		right: 28.5px !important;
		width: 9.46px !important;
	}

	.section--type2 .fg {
		width: 100%;
		padding: 40px 20px;
		flex-direction: column;
		gap: 20px;
	}
	.section--type2:not(:first-of-type) .fg {
		padding-top: 0;
	}
	.section--type2 .section-heading {
		width: 100%;
	}
	.section-heading__text {
		font-size: 16px;
	}
	.section-heading__btns.-pc {
		display: none;
	}
	.section-heading__btns.-sp {
		display: flex;
		gap: 15px;
		margin: 0;
		width: 100%;
	}
	.section-heading__btn a {
		font-size: 19px;
	}

	.event-list {
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: calc(20vw / var(--dw));
	}
	.event-list .event-tile {
		margin: 0;
	}

	.page__main {
		padding: 0;
	}

	.service-nav__heading span {
		font-size: 16px;
	}


	.service-nav__list {
		gap: 10px;
	}
	.service-nav__item {
		width: calc(100% / 4 - 10px / 4 * 3);
	}
	.service-nav__item a {
		gap: 10px;
	}
	.service-nav__img {
		text-align: center;
		height: 30px;
	}


	.service-nav__img {
		text-align: center;
	}

	.solution_block {
		margin-bottom: 0;
	}

	.service-nav__content {
		margin-top: calc(9.6vw / var(--dw));
		flex-direction: column;
		gap: calc(20vw / var(--dw));
	}
	.service-nav__text {
		width: 100%;
		font-size: 16px;
		max-width: none;
	}

	.section--company .section-wrap {
		flex-direction: column;
		gap: calc(20vw / var(--dw));
	}
	.section--company .section-heading__main, .section--company .section-heading__sub {
		margin: 0;
	}

	.section--company .btn {
		width: 262px;
	}

	.gotop {
		padding: calc(5vw / var(--dw)) 0 calc(7vw / var(--dw));
		padding: 5px 0 7px;
		font-size: 14px;
	}

	.section--footer {
		padding: calc(40vw / var(--dw)) 0;
	}
	.section--footer .container {
		padding: 0 30px;
	}

	.footer-node__label {
		padding-bottom: 9px;
		margin-bottom: 20px;
	}

	.service-nav--buy {
		margin: 0;
	}

}

@media screen and (max-width: 450px) {


	.service-nav__list {
		margin-top: calc(11vw / var(--dw));
		gap: calc(10vw / var(--dw));
	}
	.service-nav__item {
		width: calc(100% / 2 - 10vw / var(--dw) / 2);
		padding-top: calc(36vw / var(--dw));
		gap: calc(28vw / var(--dw));
	}
	.service-nav__item a {
		gap: calc(20vw / var(--dw));
		font-size: calc(14vw / var(--dw));
		/* padding-top: calc(40vw / var(--dw)); */
	}
	.service-nav__img {
		height: calc(40vw / var(--dw));
		text-align: center;
	}

	.service-nav--buy .service-nav__list, .service-nav--contact .service-nav__list {
		gap: calc(10vw / var(--dw));
		max-width: none;
	}
	.service-nav--buy .service-nav__item, .service-nav--contact .service-nav__item {
		width: calc(100% / 2 - 10vw / var(--dw) / 2);
	}
	.service-nav--buy .service-nav__item a, .service-nav--contact .service-nav__item a {
		font-size: calc(12vw / var(--dw));
	}

	.company-list {
		gap: calc(9vw / var(--dw));
		flex-wrap: wrap;
	}
	.company-list .company-tile {
		width: calc(100% / 2 - 9vw / var(--dw) / 2);
	}
	.company-tile__icon {
		height: calc(27.86vw / var(--dw));
		width: auto;
		margin: 0;
	}
	.company-list .company-tile a {
		gap: calc(33.2vw / var(--dw));
	}
	.company-list .company-tile a::after {
		width: calc(46.18vw / var(--dw));
		top: calc(89.1vw / var(--dw));
	}
	.section--company .section__actions {
		margin-top: calc(30vw / var(--dw));
	}

	.section__action {
		width: 100%;
	}
	.section--company .btn {
		font-size: 19px;
		width: 100%;
		height: 56px;
	}
	.section--company .btn::after {
		width: 9.46px;
		height: 14.57px;
		right: 28.5px;
	}

	.featured-features {
		flex-direction: column;
		gap: calc(8.7vw / var(--dw));
	}

	.featured-feature-title {
		font-size: calc(24vw / var(--dw));
		line-height: calc(37vw / var(--dw));
		width: calc(180.71vw / var(--dw));
		height: calc(41.64vw / var(--dw));
		left: calc(8vw / var(--dw));
	}
	.featured-feature-title span {
		padding-left: calc(15vw / var(--dw));
	}
	.featured-feature-content {
		gap: calc(2.5vw / var(--dw));
		height: calc(86.44vw / var(--dw));
	}
	.featured-feature-content p {
		margin-left: calc(10vw / var(--dw));
		font-size: calc(13vw / var(--dw));
		line-height: calc(20vw / var(--dw));
		width: calc(192.48vw / var(--dw));
	}
	.featured-feature-content .featured-btn {
		width: calc(109.6vw / var(--dw));
		height: calc(53vw / var(--dw));
		text-align: center;
		font-size: calc(13vw / var(--dw));
		line-height: calc(16vw / var(--dw));
		gap: calc(10.5vw / var(--dw));
	}
	.featured-feature-content .featured-btn br {
		display: inline;
	}

	.featured-list {
		flex-wrap: wrap;
		gap: calc(8.7vw / var(--dw));
		margin-top: calc(8.7vw / var(--dw));
	}
	.featured-item {
		width: calc(100% / 2 - 8.7vw / var(--dw) / 2);
		height: auto;
		aspect-ratio: 163.17 / 78.7;
	}
	.featured-item a {
		position: relative;
		padding-left: calc(15vw / var(--dw));
		background-color: white;
		clip-path: polygon(9.19286633572% 0, 100% 0, 100% 100%, 0 100%, 0 18.3857326714%);
	}
	.featured-item::before {
		display: none;
	}
	.featured-item a i {
		width: calc(var(--sw) / var(--dw));
		height: calc(var(--sh) / var(--dw));
	}
	.featured-item a span {
		position: absolute;
		display: flex;
		align-items: center;
		top: 0;
		left: calc(60vw / var(--dw));
		bottom: 0;
		margin: auto 0;
	}
}

@media screen and (max-width: 400px) {
	.featured-attention {
		font-size: 8px;
	}
	.section-heading__btn a {
		font-size: 16px;
	}
	.section--company .btn {
		font-size: 14px;
	}
}