@charset "UTF-8";

/*
◆Common
-----------------------------------------------------------------------------*/
/* ◆ 見出し */
.hdg-d {
	text-align:	center;
	color: #000;
	font-size: 3.2rem;
	font-weight:700;
    line-height: 1.5;
}

/* ◆ コンテンツ幅 */
.u-w-840 {
    max-width: 840px;
	margin:0 auto;
}

/* ◆ カラム */
.col {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left:16px;
	padding-right:16px;
}
.section .section-inner .col .col-item:last-child {
	margin-right: 0;
}
.col .col-item .ttl {
	font-size: 2.4rem;
	font-weight: 600;
}
.col .col-item .desc {
	margin-top:16px;
}
@media only screen and (max-width: 768px) {
	.col {
		flex-direction: column;
		padding-left:0;
		padding-right:0;
	}
	.section .section-inner .col .col-item {
		width: 100%;
		margin-right: 0;
		margin-bottom:48px;
	}
	.section .section-inner .col .col-item:last-child {
		margin-bottom: 0;
	}
}

/* ◆ padding */
@media only screen and (max-width: 768px) {
	#main .main-contents .section .section-inner {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* ◆ button */
.p-ladiusButton a {
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid #000;
	padding: 8px 56px 6px;
	border-radius: 48px;
}
.p-ladiusButton a::after {
    display: inline-block;
	position:relative;
	top:-1px;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 8px;
}
.p-ladiusButton a:hover {
	color:#fff;
	background:#000;
	transition:.2s;
}
.p-ladiusButton a:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	transition:.2s;
}


/*
◆ローカルナビ（Local Navi）
-----------------------------------------------------------------------------*/

.toggle-content a {
	font-size:1.6rem;
}
[data-script-enabled=true] .c-nav-header > ul {
	height: 45px;
}
.c-nav-header > ul {
	min-height: 45px;
}
.c-nav-header-wrap .p-nav-header.c-nav-header > ul > li {
	width: 22%;
}
.p-nav-header.c-nav-header > ul > li > a:not(.toggle-hook) {
	cursor: pointer;
	position: relative;
}
.p-nav-header.c-nav-header > ul > li > a:not(.toggle-hook)::before {
	display: none;
}
.p-nav-header.c-nav-header > ul > li > a:not(.toggle-hook)[href]::before {
	display: block;
	position: absolute;
	content: "";
	transition: -webkit-transform .2s;
	transition: transform .2s;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.p-nav-header.c-nav-header .c-nav-header__child-label a::before {
	display: none;
}
.p-nav-header.c-nav-header .c-nav-header__child-label a[href]::before {
	display: block;
	margin-top: -2px;
}
.p-nav-header.c-nav-header .c-nav-header__child > li > a {
	font-size: 1.8rem;
}
.p-nav-header.c-nav-header .c-nav-header__child > li > div > a.p-nav-child-a {
	padding-left: 0;
	text-decoration: underline;
}
.p-nav-header.c-nav-header .c-nav-header__child > li > div > a.p-nav-child-a::before {
	display: none;
}
.p-nav-header.c-nav-header .c-nav-header__child > li > div > a.p-nav-child-a::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 1px;
	margin: 0;
	color: #fff;
	background: #fff;
	border: none;
	vertical-align: middle;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.p-nav-header.c-nav-header .c-nav-header__child-wrap {
	background: #3c3c3c;
}

@media only screen and (max-width: 768px) {
	.c-nav-header-wrap .p-nav-header.c-nav-header > ul > li {
		width: 100%;
	}

	.p-nav-header.c-nav-header .c-nav-header__child > li {
		width: 100%;
		display: block;
	}
	.p-nav-header.c-nav-header .c-nav-header__child > li > a {
		font-size: 1.6rem;
	}
	.p-nav-header.c-nav-header .c-nav-header__child > li > .list-a > li {
		display: block;
		margin-top: 0;
		border-bottom: 1px solid #DCDCDC;
	}
	.p-nav-header.c-nav-header .c-nav-header__child > li > .list-a > li:before {
		top: 1em;
		left: 5px;
	}
	.p-nav-header.c-nav-header .c-nav-header__child > li > .list-a > li a {
		padding: 11px 0;
		border: none;
	}
}
@media only screen and (max-width: 480px) {
	.c-nav-header-wrap {
		border-top: inherit;
	}
	.p-nav-header.c-nav-header .c-nav-header__child > li > .list-a > li:before {
		top: 1em;
		left: 5px;
	}
}
@media only screen and (max-width: 767px) {
	.p-nav-header.c-nav-header.js-fixed {
		position: fixed;
	}
	.p-nav-header.c-nav-header.js-fixed.is-open {
		overflow: scroll;
		height: 100vh;
	}
	.p-nav-header.c-nav-header.js-fixed > .toggle-content {
		top: 40px;
	}
}
@media only screen and (min-width: 768px) {
	.p-nav-header.c-nav-header > ul > li > a:not(.toggle-hook) {
		padding-right: 30px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.p-nav-header.c-nav-header > ul > li > a:not(.toggle-hook)::before {
		border-color: #fff;
		transform: rotate(135deg);
	}
}
/* ローカルナビ背景色（background） */
.c-nav-header > ul > li > a:hover,
.c-nav-header > ul > li.js-hover > a {
	background: #3c3c3c;
}
.c-nav-header__menu-btn:hover,
.c-nav-header__menu-btn:active,
.c-nav-header__menu-btn:focus {
	background: #3c3c3c;
}
.c-nav-header.is-open > .c-nav-header__menu-btn {
	background: #3c3c3c;
}
@media only screen and (max-width: 767px) {
	.c-nav-header > ul {
		background: #3c3c3c;
	}
}


/*
◆Notification
-----------------------------------------------------------------------------*/
.p-news_wrap {
	display:flex;
	justify-content:center;
}
.p-news_item {
	display:flex;
	max-width:840px;
}
.p-news_item .visual img {
	width:360px;
	min-width:360px;
	margin-right:24px;
}
.p-news_item .txt .title {
	font-size:2.4rem;
	font-weight:600;
}
.p-news_item .txt .desc {
	font-size: 1.6rem;
	margin-top:22px !important;
}
.p-news_item .txt .list-a {
	font-size: 1.6rem;
	margin-top:4px !important;
	padding-left:0;
}
.p-news_item .txt .list-a li {
	margin-top:4px;
}
.p-news_item .c-btn{
	font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
	.p-news_item {
		max-width:inherit;
		flex-direction: column;
	}
	.p-news_item .visual {
		text-align:center;
	}
	.p-news_item .visual img {
		width: 80%;
		max-width:380px;
		min-width: inherit;
		margin-right: 0;
		margin-bottom:24px;
	}
	.p-news_item .txt .title  {
		text-align:center;
	}
}


/*
◆carousel
-----------------------------------------------------------------------------*/
.p-stWork * {
	font-size: 1.6rem;
}
.main-contents .section.p-stWork .section-inner {
	padding: 32px 0 72px;
	max-width: 1480px;
}
.p-stWork .p-stCol .col {
	display:block;
	background:#fff;
	margin-left:24px;
	text-decoration:none;
}
.p-stWork .p-stCol .col:first-child {margin-left: 0;}
.p-stWork .p-stCol .col .desc {
	padding:12px;
}
.p-stWork .p-stCol .col .c-btn {
	text-align: right;
}
.p-stWork .c-btn-ico svg .circle.bgwhite {
	background:#fff;
}
.p-stWork .p-ladiusButton a {
	border: 1px solid #000;
	background: #fff;
	color:#000;
}
.p-stWork .p-ladiusButton a::after {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.p-stWork .p-ladiusButton a:hover {
	background: #000;
	color:#fff;
}
.p-stWork .p-ladiusButton a:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

/* ▼カルーセルが3以上は下記コメントアウト */
/*
@media only screen and (min-width: 980px) {
    .slick-track {transform: translate3d(0px, 0px, 0px) !important;}
}
*/
/* ▲カルーセルが3以上は上記コメントアウト */

.slick-slide {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
}
.slick-slide.slick-active{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.c-topic-slider__slides {
	margin: 0 4px;
}
.c-topic-slider__slide-inner {
	position: relative;
	margin-bottom:16px;
}
.c-topic-slider__slides-text {
	padding: 14px 0;
}
.c-topic-slider__slides-text .ttl {
	font-size: 2.4rem;
	line-height:1.5;
	font-weight:600;
	margin-bottom:4px;
}
.c-topic-slider.slick-initialized .c-topic-slider__slides.slick-active a {
	box-shadow: none !important;
	/* border:1px solid #DCDCDC; */
	position: relative;
}
.c-topic-slider.slick-initialized .c-topic-slider__slides.slick-active a:hover,
.c-topic-slider.slick-initialized .c-topic-slider__slides.slick-active a:active,
.c-topic-slider.slick-initialized .c-topic-slider__slides.slick-active a:focus {
    box-shadow: 0 4px 13px 4px #DCDCDC;
}
.c-topic-slider__label {
	position:absolute;
	top:4px;
	left:4px;
	font-size:1.4rem;
	color:#fff;
	padding:4px 16px;
	background:#2400B0;
	min-width:120px;
	text-align:center;
}
.c-topic-slider .slick-arrow.slick-prev,
.c-topic-slider .slick-arrow.slick-next {
	background-color:rgba(220, 220, 220, 0.7);
	border-radius:50px;
	background-image: url(https://www.fujitsu.com/downloads/JP/services/common/sc/images/carousel-arrow.png) !important;
}
.c-topic-slider .slick-arrow.slick-next {
	transform: rotateZ(180deg)
}
.c-topic-slider .slick-arrow,
.c-topic-slider .slick-arrow:hover {
	box-shadow: none;
}
.c-topic-slider.slick-initialized .slick-dots {
	display: none!important;
}
.c-topic-slider__slide-inner {
    max-width: 400px;
}
.c-topic-slider__slides a {
    max-width: 400px;
}
.p-stWork .slick-list.draggable {
	padding:0 15% !important;
}
@media only screen and (max-width: 1280px) {
	.c-topic-slider .slick-list {
		padding: 0 10% !important;
	}
}
@media only screen and (max-width: 980px) {
    .c-topic-slider .slick-list {
        padding:0 14% !important
    }
}
@media only screen and (max-width: 767px) {
    .c-topic-slider .slick-list {
        padding:0 calc((100vw - 330px) / 2) !important
    }
}
@media only screen and (max-width: 480px) {
    .c-topic-slider .slick-list {
        padding:0 75px !important
    }
}


/*
◆KV
-----------------------------------------------------------------------------*/
.breadcrumb-wrapper + #main .lf-hero-a {
    margin-top: 0;
}


/*
◆ページ内リンク（Ancher）
-----------------------------------------------------------------------------*/
.p-ancherItem {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.p-ancherItem li {
	font-size: 1.8rem;
	padding: 0 32px;
	margin-bottom:3px;
	border-left: 1px solid #000;
}
.p-ancherItem li:first-child {
	border-left:none;
}
@media only screen and (max-width: 768px) {
	.p-ancherItem {justify-content:flex-start;}
    .p-ancherItem li {
		font-size: 1.6rem;
		padding: 0 16px;
	}
	.p-ancherItem li:first-child {
			border-left: 1px solid #000;
	}
}
@media only screen and (max-width: 480px) {
    .p-ancherItem li {
		font-size: 1.6rem;
		padding: 0 16px;
	}
}


/*
◆column
-----------------------------------------------------------------------------*/
[class*="p-col"] * {
	color:#fff;
}
.main-contents [class*="p-col"].section .section-inner {
	padding:80px 0 88px;
}
[class*="p-col"] {
	background-image: url(https://www.fujitsu.com/downloads/JP/services/common/sc/images/bg-sb-h1-t3.png);
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.p-col3 .col .col-item {
	width: calc(100% / 3 - 64px);
	margin-right:64px;
}
.p-col4 .col .col-item {
	width: calc(100% / 4 - 32px);
	margin-right:32px;
}
@media only screen and (max-width: 768px) {
	[class*="p-col"] .col {
		flex-direction: inherit;
		justify-content:flex-start;
	}
	.p-col3 .section-inner .col .col-item {
		width: calc(100% / 2 - 32px);
		margin-right:64px;
	}
	.p-col4 .section-inner .col .col-item {
		width: calc(100% / 2 - 16px);
		margin-right:32px;
	}
	[class*="p-col"] .section-inner .col .col-item:nth-child(2n) {
		margin-right:0;
	}
}
@media only screen and (max-width: 480px) {
	[class*="p-col"].col {flex-direction: column;}
	[class*="p-col"] .section-inner .col .col-item {
		width: 100%;
		margin-right:0;}
}


/*
◆CTA
-----------------------------------------------------------------------------*/
.p-cta {
	background-color: #DCDCDC;
}
.p-cta-bg {
	background-image: url(https://www.fujitsu.com/downloads/JP/services/common/sc/images/bg-sb-e1-t3.png);
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.main-contents .section[class*="p-cta"] .section-inner {
	padding:80px 0 96px;
}
[class*="p-cta"] .col .col-item {
	width:calc((100%) / 2 - 24px);
	margin-right: 24px;
}
[class*="p-cta"] .p-viewmore {
	background: none;
}
/*
.p-ladiusButton a {
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid #D80084;
	background: #D80084;
	color:#fff;
	padding: 8px 56px 6px;
	border-radius: 48px;
}
.p-ladiusButton a::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.p-ladiusButton a:hover {
	background:#fff;
	color:#D80084;
}
.p-ladiusButton a:hover::after {
    border-top: 2px solid #D80084;
    border-right: 2px solid #D80084;
}
@media only screen and (max-width: 768px) {
	.p-ladiusButton {text-align:center;}
}
*/


/*
◆KF area
-----------------------------------------------------------------------------*/
.main-contents .section.p-kfa .section-inner {
	padding:48px 0 56px;
}


/*
◆モーダル（動画）
-----------------------------------------------------------------------------*/
.p-calVideo .slick-arrow:focus-visible {
	outline: 2px solid #00E7EF;
}


/*
◆お問い合わせ（Contact）
-----------------------------------------------------------------------------*/
.p-fSiteCore-Contact .col {
	display: block;
}