main{
		width: calc(100% - 30px);
		margin: 0 15px;
	color: #333;
}


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

h1.pageTitle {
	height: calc(280 / 750 * 100vw);
	margin-bottom: 40px;
	padding: 0;
	padding-top: calc(280 / 750 * 50vw - 35px);
	font-size: 2.2rem;
background-position: center;}
h1.pageTitle:after {
	bottom: calc(280 / 750 * 50vw - 30px);}



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-japan .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: flex;
  /*grid-template-columns: 1fr 2fr;
  grid-template-rows: 4fr 1fr;
  grid-template-areas: "logo txt" "link txt";*/
	flex-wrap:wrap;
	margin-bottom: 60px;
}
.CompanyHeader .tabs{
	/*font-size: 1rem;
	line-height: 1rem;
	border: 1px solid #e9ecee;
	padding: 3px 5px;
	color: #666;*/
}
.CompanyHeader h2{
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 3.2rem;
	margin-bottom: 20px;
	margin-top: 20px;
}
.CompanyHeader p{
	font-size: 1.4rem;
	line-height: 2.8rem;
}
.CompanyHeader .campanyTxt{
	order:2;
	width: 100%;
	margin-bottom: 30px;
}
.CompanyHeader .logoArea,
.CompanyHeader .LinkArea{
	width: 100%;
	text-align: center;
}
.CompanyHeader .logoArea{
	order:1;
margin-bottom: 40px;}
.CompanyHeader .LinkArea{order:3;}
.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("/zh/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("/zh/images/common/blank-white.png");
}
.CompanyHeader .LinkArea a.hover .redArrowS{
 border-right-color: #fff;
 border-bottom-color: #fff;
}

/*
.newsTab
---------------------------*/
.newsTab li{
	flex: 1 ;
 border-right:1px solid #FFF;
}
.newsTab li.only{
	flex: none;
	width: 100%;
}
.newsTab li:nth-child(n+3){
 margin-top: 0px;
}
.newsTab li:last-child{
 border-right: none;
}
.newsTab li a.active::after{
 content: '';
 position: absolute;
 left: calc(50% - 7.5px);
 bottom: -9px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 9px 5px 0 5px;
 border-color: #e60012 transparent transparent transparent;
}




/*
tab-content-wrap
---------------------------*/
.newsTab{
	width: 100%;
	margin-bottom: 50px;
}
.tab-content-wrap section{
	   padding-bottom: 60px;
    border-top: 1px solid #d0d5da;
	padding-top: 40px;
}
.tab-content-wrap section:first-child{
	padding-bottom: 45px;
}
.tab-content-wrap section h3{
	font-size: 2.0rem;
	line-height: 3.0rem;
    color: #000;
    margin-bottom: 40px;
    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:flex-start;
	flex-wrap:wrap;
}
.tab-content-wrap section.colums h3{
	width: 100%;
	order: 1;
}
.tab-content-wrap section.colums div{
	width:100%;
	order: 3;
}
.tab-content-wrap section.colums img{
	/*border: 1px solid #e9ecee;*/
 width: 100%;
 height:auto;
	margin-bottom: 40px;
	order: 2;
}



/*
関連情報
-------------------------------------*/
.RelatedInformation{
	padding-top: 40px;
margin-top: 0;
border-top: 1px solid #d0d5da;
margin-bottom: 100px;}
.RelatedInformation h3{
	font-size: 2.0rem;
	line-height: 2.0rem;
    color: #000;
    margin-bottom: 40px;
    font-weight: normal;
	width: 100%;
}
.otherKeyword {}
.RelatedInformation li a {
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 8px 12px;
	font-size: 1rem;}

/* 
BusinessField
------------------------------*/
#BusinessField .images{
 width:100%;
	height: auto;
}
#BusinessField section:first-of-type {
    margin-top: 60px;
}

/* 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,
#CompanyProfile tbody,
#CompanyProfile tr,
#CompanyProfile th,
#CompanyProfile td {
display: block;
}
#CompanyProfile table{
 font-size: 1.4rem;
 color: #333;
	 width: 100%;
}
#CompanyProfile th,
#CompanyProfile td{
 border: none;
 box-sizing: border-box;
 border-collapse: collapse;
 padding: 10px;
 text-align: left;
	line-height: 2.2rem;
}
#CompanyProfile th{
 background-color: #f3f5f7;
 vertical-align: top;
	width: 100%;
}
#CompanyProfile td{
 width: 100%;
 position:inherit;
	padding-bottom: 15px;
	overflow: hidden
}
#CompanyProfile .mapLink{
 background-color: #e60012;
 color: #fff;
 font-weight: bold;
 box-shadow: 0 2px 5px rgba(0,0,0,0.25);
 transition-property: box-shadow;
    display: block;
	line-height: 30px;
    position:inherit;
    top: 0;
    right: 0;
    width: 120px;
    text-align: center;
    font-size: 1rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
	margin-top: 10px;
	float: right;
}
#CompanyProfile .mapLink.hover{ box-shadow: none;}

.bottomLinks ul li:nth-child(4) a{
	padding: 7px 0;
}