@charset "utf-8";



/* common
====================================================== */
.hero-area-b.diff-hero-area-b .content .main-txt>* {
	background: none;
	color: #000;
}
@media only screen and (min-width: 768px){
	.hero-area-b.diff-hero-area-b .content {
		padding: 160px 0 0 25px;
	}
}
@media only screen and (max-width: 980px){
	.hero-area-b.diff-hero-area-b .visual>img {
		left: auto;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}


/* Foundation
====================================================== */
/* Layout
====================================================== */
/* Object - Component
* 汎用的なパーツ
====================================================== */
.c-outer-a{
	border: 1px solid #c6c6c0;
}

.c-inner-a{
	padding: 1em;
}

@media only screen and (min-width: 481px) and (max-width: 767px){
	/*col3*/
	.c-flex__list--col3.tab-col2>li{
		width: calc((100% - 20px) / 2);
		borer: 1px solid red;
	}
	.c-flex__list--col3>li:not(:nth-of-type(-n+2)){
		margin-top: 20px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 640px){
	.c-flex.tab-column{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.c-left-fix--40p.tab-col1{
		flex: none;
	}
}

@media only screen and (min-width: 481px) {
	.c-flex{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	.c-flex-a{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	
	/*col3*/
	.c-flex__list--col3>li{
		width: calc((100% - 40px) / 3);
		borer: 1px solid red;
	}
	.c-flex__list--col3::after{
		content: "";
		displey: block;
		width: calc((100% - 40px) / 3);
		height: 0;
	}
	.c-flex__list--col3>li:not(:nth-of-type(-n+3)){
		margin-top: 20px;
	}
	
	.c-left-fix--40p{
		flex: 0 0 40%;
		min-width: 300px;
	}
}
@media only screen and (max-width: 481px) {
	.c-flex__list--col3>li:not(:first-of-type){
		margin-top: 20px;
	}
}


/* Object - Project
* 特定用途のためのパーツ
====================================================== */
.p-width-1180{
	margin: 0 auto;
	max-width: 1180px;
	width: 100%;
}
.FITPC_business_methodology {
	padding-top: 56px;
	background: #e2ecf6 url("/jp/group/fitpc/imagesgig5/FITPC_business_methodology_tcm266-5463029_tcm266-2750236-32.jpg") repeat center top;
	//background: red url("../img/FITPC_business_methodology.jpg") repeat center top;
}
/* Object - Utility
* 各種ヘルパークラス
====================================================== */