@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:767px){.pcbr { display: none;}}

.intro { border-bottom: none !important; padding-bottom: 0 !important;}

.kaigaibtnli { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-wrap: wrap; width: 1024px; position: relative; left: 50%; transform: translateX(-50%); justify-content: space-between; margin: 0 0 60px !important}
@media screen and (max-width:767px){ .kaigaibtnli {width: 100%; margin-bottom: 0 !important;}}

.kaigaibtnli figure { margin-bottom: 5px !important; position: relative;}
.kaigaibtnli li { width: 30%; list-style: none; margin-bottom: 30px !important; }
.kaigaibtnli li:first-of-type, .kaigaibtnli li:nth-of-type(2) { width: 48%;}
.kaigaibtnli li img { display: block; width: 100%; height: auto}
.kaigaibtnli li figure::after { display: block; content: ''; width: 0;height: 0;border-style: solid;border-width: 0 0 42px 42px;border-color: transparent transparent #ed1c23 transparent; position: absolute; bottom: 0; right: 0}
@media screen and (max-width:767px){ .kaigaibtnli li figure::after { border-width: 0 0 20px 20px;}}

.kaigaibtnli li a:hover { opacity: .8}

#kaigaiTop01 { position: relative; padding-top: 30px; }

#kaigaiConsul01 .img01 figcaption{ text-align: right;}

.bordernone { border: none !important}
#kaigaiProject { padding-top: 0 !important;}

.dataTable { width: 120% !important; position: relative; left:-10%;}
@media screen and (max-width:767px){
	.dataTable { width: 900px !important; left:0; }
}

.pageBody ul.tabs.num5 { justify-content: space-between; width: 920px; position: relative; left: -70px}
@media screen and (max-width:767px){
	.pageBody ul.tabs { background:#fff;}
}
@media screen and (max-width:767px){
.pageBody ul.tabs.num5 { width: 100%; left: 0}
}
.pageBody ul.tabs.num5 li { width: 49%; }

.historyContainer table{ width: 920px !important; position: relative; left: -70px;}
@media screen and (max-width:767px){
	.historyContainer table{ width: 100% !important; left: 0}
}
.historyContainer table thead {position: sticky; top: 0; background: #fff;z-index: 1;}
.historyContainer table thead th { font-size: 22px !important; font-weight: bold; width: 50% !important; background: none !important; padding: 20px 0 40px !important; text-align: center; position: relative;}
@media screen and (max-width:767px){
	.historyContainer table thead th { font-size: 16px !important;}
}
.historyContainer table thead th::after { display: block; content: ''; width: 100px; border-bottom: 3px solid #ED1C24; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%)}
.historyContainer table .cntnt th { background-position:center !important; text-align: center; padding: 0 !important; width: 150px !important; position: absolute; left:50%; transform: translateX(-50%)}
.historyContainer table .cntnt th span { background: #fff; display: inline-block; padding: 5px 0; }
.historyContainer table td {  padding: 0 0 60px !important}
.historyContainer table td p{width: 380px; padding: 10px 0 0; margin-bottom: 0;}
@media screen and (max-width:767px){
.historyContainer table td p{width: 100%; }
}
.historyContainer table td p + p { padding-top: 15px;}
.historyContainer table .cntnt td:last-child { background: url( "../../../company_info/history/images/line01.gif") no-repeat -5px 0;
}
.historyContainer table .cntnt td:last-child p { float: right}
.pageBody table td { font-size: 18px;}
.pageBody table td span { font-weight: bold;}
.pageBody ul.tabs li a {  padding: 20px;}
@media screen and (max-width:767px){
.pageBody ul.tabs li a {  padding: 15px;}
	.pageBody .historyContainer table th, .pageBody .historyContainer table td { display: table-cell; vertical-align: middle}
.pageBody table td { font-size: 13px;}
.historyContainer table .cntnt td:last-child {  background: url( "../../../company_info/history/images/line01.gif") no-repeat -5px -10px;}
	.historyContainer table .cntnt td:last-child p { padding: 10px 0 0 32px}
	.pageBody .historyContainer table td { background: none}
	.historyContainer table td p {  padding: 10px 32px 0 0;}
	.historyContainer table td {  padding: 0 0 40px !important}

}
#kaigaiProject .gy,.gy th { background: #f2f2f2 !important; }
#kaigaiProject .gy td + td,.gy th + td {border-left: none !important;border-right: none !important;}
#kaigaiProject .gy .thin {border-left: 1px solid #ddd !important;}
#kaigaiProject .gy td:last-child { border-right:1px #aaa solid !important;}
#kaigaiProject .date,#kaigaiProject .attention { text-align: left;width: 120% !important;position: relative;left: -10%;}
#kaigaiProject .date{ text-align: right;}
#kaigaiProject .attention { margin-left: 0}
#kaigaiProject .attention li { list-style: none}
@media screen and (max-width:767px){
	#kaigaiProject .date,#kaigaiProject .attention { width: 100% !important; left: 0;}
}