main h1.pageTitle {}
main h1.pageTitle:before {
	content: "BUSINESS FIELD";}

main {
	margin: 0 0 140px 0;}
/* ----------------------------------------
field
----------------------------------------*/
.introArea {
	width: 1000px;
	margin: 0 auto 95px auto;
	color: #333;
	font-size: 1.6rem;
	line-height: 2.7rem;}

.anchorLink {
	display: flex;
	width: 1000px;
	margin: 0 auto;}
.anchorLink li {
	position: relative;
	width: calc((100% - 27px * 3) / 4);
	margin: 0 27px 0 0;}
.anchorLink li:last-child {
	margin-right: 0;}
.anchorLink li a {
	display: flex;
	padding: 18px 10px 18px 24px;
	font-size: 1.4rem;
	color: #555;
	line-height: 100%;
	border: 1px solid #999;
	transition: color 0.12s, border 0.12s;}
	.anchorLink li a.hover {
		color: #e60012;
		border-color: #e60012;}
.anchorLink .linkArrow {
	position: static;
	margin: 0 24px 0 0;
	transform: rotate(90deg);}
	.anchorLink .linkArrow:before {
		width: 9px;
		height: 1px;
		background: #555;
		border-radius: 0;
		transition: background 0.12s;}
	.anchorLink .linkArrow:after {
		width: 6px;
		height: 6px;
		margin-left: -6px;
		border-width: 1px;
		border-color: #555;
		border-radius: 0;
		transition: border 0.12s;}
	.anchorLink a.hover .linkArrow:before {
		background: #e60012;	}
	.anchorLink a.hover .linkArrow:after {
		border-color: #e60012;}

.fieldWrap {
	width: 1000px;
	margin: 0 auto;}
.fieldWrap > section {
	padding: 100px 0 0 0;}
.fieldWrap > section > h2 {
	margin: 0 0 46px 0;
	font-size: 3rem;
	line-height: 100%;}
.fieldWrap .caption {
	margin: 0 0 46px 0;
	color: #333;
	font-size: 1.6rem;}

.box {
	display: flex;
	color: #333;}
.box > figure {
	width: 450px;
	height: 470px;
	margin: 0 50px 0 0;
	overflow: hidden;}
.box figure img {
	width: 100%;
	transition: transform 0.4s;}
	.box a.hover figure img {
		transform: scale(0.9);}
	.box figure img[src*="sales"] {
		width: 108%;
		margin-top: -18px;}
.box .disc {
	width: calc(100% - 450px - 50px);}
.box .disc p {
	margin: 0 0 80px 0;
	font-size: 1.4rem;
	line-height: 2;}
.box .disc h3 {
	margin: 0 0 8px 0;
	color: #000;
	font-family: 'Roboto';
	font-size: 2.2rem;
	font-weight: normal;}

.box .disc ul {
	display: flex;
		flex-wrap: wrap;}
.box .disc ul li {
	width: calc((100% - 10px * 2) / 3);
	margin: 0 10px 10px 0;}
.box .disc ul li:nth-child(3n) {margin-right: 0;}
.box .disc ul li figure {
	position: relative;}
.box .disc ul li figure img {}
.box .disc ul li figure figcaption {
	position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
	padding: 8px;
	color: #fff;
	font-size: 1.1rem;
	font-weight: normal;
	background: rgba(0,0,0,0.7);
	text-align: left;
	transition: background 0.4s;}
.box .disc ul li a.hover figure figcaption {
	background: rgba(230,0,18,0.7);}

/* List
------------------------------*/



/* Detail
------------------------------*/