@charset "UTF-8";

/* fujitsu way kv
====================================================== */
.hero-area-z + * {
	margin-top: 0;
}
.hero-area-z {
	margin-top: 15px;
}
.hero-area-z .content {
	padding: 0;
}
.hero-area-z .content .content-inner {
	padding: 0 16px;
}
@media screen and (min-width: 1281px) {
	.hero-area-z .content {
		height: 420px;
	}
	.hero-area-z .content .content-inner {
		position: absolute;
		top: calc(50% - (6.0rem / 2));
	}
	.hero-area-z .visual > img {
		min-width: 1800px;
	}
}
@media screen and (max-width: 1280px) {
	.hero-area-z .content {
		position: absolute;
		top: calc(50% - (6.0rem / 2));
	}
}
@media screen and (max-width: 768px) {
	.hero-area-z .content {
		top: calc(50% - (4.0rem / 2));
	}
}
@media screen and (max-width: 480px) {
	.hero-area-z .content {
		top: calc(50% - (2.8rem / 2));
	}
}
.hero-area-z .content .main-txt>* {
	background: none;
}

@media screen and (max-width: 767px) {
	.hero-area-z .content {
		position: absolute;
		padding-top: 0;
		padding-left: 0;
	}
	.hero-area-z .content .main-txt img {
		width: 55%;
	}
	.hero-area-z .content .content-inner {
		background: none;
	}
	.hero-area-z .visual {
		height: calc(480vw*100/767);
	}
	.hero-area-z .visual > img {
		width: 101%;
		height: auto;
	}
}
/* common
====================================================== */

/* Foundation
====================================================== */
/* Layout
====================================================== */
/* Object - Component
* 汎用的なパーツ
====================================================== */
.c-flexbox{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.c-underline-box{
border-bottom: 1px solid #c6c6c0;
padding-bottom: 2em;
margin-bottom: 1em;
}

@media only screen and (min-width: 568px) {
	.c-flexbox-min{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	}
	
	.c-fixed-min--left{
	width: 200px;
	}
	.c-fixed-min--main{
	flex: 1;
	}
	.c-flexbox-min--2col{
	width: 50%;
	}
}

/* Object - Project
* 特定用途のためのパーツ
====================================================== */

/* Object - Utility
* 各種ヘルパークラス
====================================================== */
.u-c-a30b1a{
color: #a30b1a;
}
.u-pb-herf{
padding-bottom: .5em;
}

@media only screen and (min-width: 568px) {
	.u-pr-min--1em{
		padding-right: 1em;
	}
	.list-a+.adj-nospace-min{
	margin-top: 0!important;
	}
}
@media screen and (max-width: 767px) {
	.pc-only {
		display:none !important;
	}
}
@media screen and (min-width: 768px) {
	.sp-only {
		display:none !important;
	}
}