main{
 width: 1180px;
 margin: 0 auto;
	color: #333;
}


/* 
common
------------------------------*/
h1.pageTitle{
	height: 360px;
	color: #FFF;
	margin-bottom: 80px;
  background-size:  cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 150px;
}
h1.pageTitle::after{
	bottom: 140px;
}


h1 .middleCategory{color: #FFF;}
.Groupoutline.Aion .bottomLinks ul .AionB,
.Groupoutline.Asmo .bottomLinks ul .AsmoB,
.Groupoutline.Syanhai .bottomLinks ul .SyanhaiB,
.Groupoutline.Soft99auto .bottomLinks ul .Soft99autoB,
.Groupoutline.Kurashi-k .bottomLinks ul .Kurashi-kB,
.Groupoutline.Orange-J .bottomLinks ul .Orange-japanB,
.Groupoutline.Arise .bottomLinks ul .AriseB,
.Groupoutline.Anteria .bottomLinks ul .AnteriaB,
.Groupoutline.Haneron .bottomLinks ul .HaneronB,
.Groupoutline.Aztech .bottomLinks ul .AztechB{
 color: #fff;
 background-color: #e60012;
}




/*
header
--------------------------------------------*/
.CompanyHeader {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.7fr;
  grid-template-columns: 1fr 1.7fr;
  -ms-grid-rows: 4fr 1fr;
  grid-template-rows: 4fr 1fr;
          grid-template-areas: "logo txt" "link txt";
	margin-bottom: 75px;
}

.logoArea { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: logo;}

.LinkArea { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: link;}

.campanyTxt { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; grid-area: txt;}


.CompanyHeader .tabs{
	font-size: 1.2rem;
	line-height: 25px;
	box-sizing: border-box;
 background-color: #fff;
	display: inline-block;
	padding: 0 10px;
	color: #666;
	border: 1px solid #e9ecee;
	margin-right: 10px;
}

.CompanyHeader h2{
	font-weight: bold;
	font-size: 2.4rem;
	margin-bottom: 20px;
	margin-top: 30px;
}
.CompanyHeader p{
	font-size: 1.4rem;
	line-height: 2.8rem;
}
.CompanyHeader .campanyTxt{
	/*width: calc(100% - 410px);*/
}
.CompanyHeader .logoArea,
.CompanyHeader .LinkArea{
	/*width: 410px;*/
	text-align: center;
}
.CompanyHeader .logoArea img{
	margin: 0 auto;
	display: block;
}
.CompanyHeader .LinkArea a{
 display:inline-block;
 color: #333;
 font-size: 1.2rem;
 padding: 10px 40px 11px 40px;
 background-image: url("/images/common/blank.png");
 background-repeat: no-repeat;
 background-size: 10px;
 background-color: #f3f5f7;
 background-position: right 20px center;
 border: 1px solid #e9ecee;
 position: relative;
 transition-property: color, background;
 transition-duration: 0.12s;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.CompanyHeader .LinkArea a .redArrowS{ left: 20px;}
.CompanyHeader .LinkArea a.hover{
 color: #fff;
 background-color: #e60012;
 background-image: url("/images/common/blank-white.png");
}
.CompanyHeader .LinkArea a.hover .redArrowS{
 border-right-color: #fff;
 border-bottom-color: #fff;
}


/*
tab-content-wrap
-------------------------------------*/
.newsTab{
	width: 1180px;
	margin: 0 auto 80px
}
.tab-content-wrap section{
	   padding-bottom: 80px;
    border-top: 1px solid #d0d5da;
	padding-top: 40px;
}
.tab-content-wrap section h3{
	font-size: 2.8rem;
    color: #000;
    margin-bottom: 60px;
    font-weight: normal;
	width: 100%;
}
.tab-content-wrap section p{
	font-size: 1.4rem;
 line-height: 2.8rem;
}

.tab-content-wrap section.colums{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.tab-content-wrap section.colums h3{
	width: 100%;
}
.tab-content-wrap section.colums h4{
	font-size: 1.6rem;
	line-height: 2.8rem;
	margin-bottom: 20px;
}
.tab-content-wrap section.colums div{
	width: 570px;
}

.tab-content-wrap section.colums div p a{
	color: #e60012;
	transition-property: text-decoration;
	text-decoration: underline;}
.tab-content-wrap section.colums div p a:hover{
	text-decoration: none;}

.tab-content-wrap section.colums img{
	/*border: 1px solid #e9ecee;*/
 width: 570px;
 height:auto;
	display: block;
}
.tab-content-wrap section.colums div a{
}
/*
関連情報
-------------------------------------*/
.RelatedInformation{
	padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #d0d5da;
margin-bottom: 120px;}
.RelatedInformation h3{
	font-size: 2.8rem;
    color: #000;
    margin-bottom: 60px;
    font-weight: normal;
	width: 100%;
}
.RelatedInformation ul {
	display: flex;
		flex-wrap: wrap;}
.RelatedInformation li a {
	display: inline-block;
	margin-right: 9px;
	margin-bottom: 9px;
	padding: 10px 20px;
	color: #333;
	font-size: 1.2rem;
	background: #f3f5f7;
	border: 1px solid #e9ecee;
	transition-property: color,background;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.RelatedInformation li a.hover {
	color: #fff;
	background-color: #e60012;}



/* 
BusinessField
------------------------------*/
#BusinessField .images{
	margin: 0 auto;
	display: block;
	height:auto;
}
#BusinessField section:first-of-type {
    margin-top: 80px;
}
#BusinessField .BusinessLink{
	font-size: 1.2rem;
	margin-top: 50px;
	position: relative;
}
#BusinessField .BusinessLink::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -15px;
    width: 25px;
    height: 1px;
    background-color: #e9ecee;
}
#BusinessField .BusinessLink li{
	/*display: inline-block;*/
    position: relative;
    padding-left: 20px;
	margin-bottom:10px;
}
#BusinessField .BusinessLink li:last-child{
	margin-bottom:0;}

#BusinessField .BusinessLink li .redArrowS {
    left: 0px;
}
#BusinessField .BusinessLink li a:hover{
	color: #e60012;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* Features
------------------------------*/
#Features section:first-of-type {
	border-top: none;
	padding-top: 0;
}


/* CompanyProfile
------------------------------*/
#CompanyProfile section:first-of-type {
	border-top: none;
	padding-top: 0;
}
#CompanyProfile table{
 font-size: 1.4rem;
 color: #333;
	 width: 100%;
}

#CompanyProfile table td a.Link{
	color: #e60012;
	transition-property: text-decoration;
	text-decoration: underline;}
#CompanyProfile table td a.Link:hover{
	text-decoration: none;}
	
#CompanyProfile table td a.Link.blank::after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 10px;
    background-image: url(/images/common/blank.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px;}	

#CompanyProfile th,
#CompanyProfile td{
 border: 1px solid #e9ecee;
 box-sizing: border-box;
 border-collapse: collapse;
 padding: 20px;
 text-align: left;
	line-height: 2.2rem;
}
#CompanyProfile th{
 background-color: #f3f5f7;
 vertical-align: top;
	width: 250px;
}
#CompanyProfile td{
 width: 787px;
 position: relative;
}
#CompanyProfile .mapLink{
 background-color: #e60012;
 color: #fff;
 font-weight: bold;
 box-shadow: 0 3px 7px rgba(0,0,0,0.25);
 transition-property: box-shadow;
    display: inline-block;
	line-height: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 150px;
    text-align: center;
    font-size: 1.2rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
}
#CompanyProfile .mapLink.hover{ box-shadow: none;}
#CompanyProfile ul li{
	margin-bottom: 5px;
}
#CompanyProfile ul li:last-child{
	margin-bottom: 0;
}