.pagewrappers {}

.mainimgarea {position:relative;}
.mainimgarea .bgcover {position:fixed;top:0px;left:0px;width:100%;height:100%;
	background:#000 url(../img/aboutus/aboutus_main.jpg) no-repeat center center;background-size:cover;transform:scale(2.3);}
.mainimgarea.on .bgcover {transform:scale(1.0);transition:7s;}
.mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.mainimgarea:hover .cover {opacity:1;transition:3s;}
.mainimgarea .mainimg {position:relative;z-index:100;}


.companydata {}
.contentarea {position:relative;margin-bottom:15px;}
.contentarea.contents01 {}
.contentarea.contents02 {}
.contentarea.contents03 {}
.companydata .content {position:relative;z-index:100;}
.companydata .content h1 {text-align:center;font-size:2.4rem;margin-bottom:70px;}
.companydata .content h2 {font-size:3.6rem;margin-bottom:30px;color:#4c4948;}
.companydata .contentbox {}

.companydata .sign {display:inline-block;padding-top:10px;}
.companydata .sign img {height:28px;vertical-align:text-bottom;padding-left:15px;}

.greetingarea {background:#fff;}
.companydata .greetingarea .content h2 {font-size:2.0rem;}
.greetingarea p {font-size:1.2rem;}

.mission {background:rgba(0,0,0,0.95);}
.mission .contentbox {}
.mission h3 {text-align:center;font-size:3.0rem;color:#aaa;margin-bottom:10px;font-weight:100;}
.mission .content h2 {text-align:center;font-size:2.0rem;color:#fff;}
.mission p {width:800px;max-width:100%; margin:0px auto;font-size:1.2rem;font-weight:bold;color:#fff;}

.companydata .organizationarea {background:#fff;}
.companydata .organizationarea h3 {margin-bottom:10px;}
.companydata .organizationarea p {margin-bottom:10px;}

.companydata .organization {background:#eee;padding:50px;}
.companydata .organization h3 {font-size:2.5rem;font-weight:normal;}
.companydata .organization h3 a {color:#221714;}
.companydata .organization p {line-height:2.0em;font-size:1.1rem;color:#221714;}
.companydata .organization p a.btn {width:650px;max-width:100%;text-align:left;}
.companydata .organization p a.btn strong {display:inline-block;margin-bottom:10px;}

.dataarea {background:#fff;}
.dataarea span.name {display:inline-block;width:250px;}
.dataarea span.product {display:inline-block;}
.dataarea .inner {}

.companydata .contentbox table {border-collapse:separate;border-spacing:10px;}
.companydata .contentbox table th {border-bottom:solid #ccc 1px;padding:20px 40px;font-size:1.1rem;font-weight:normal;width:300px; }
.companydata .contentbox table td {border-bottom:solid #ccc 1px;padding:20px 40px;font-size:1.1rem;line-height:1.8em;}
/*RES*/
@media (max-width: 1200px){
	.companydata .contentbox table th {font-size:0.9rem;padding:10px 20px;width:200px;}
	.companydata .contentbox table td {font-size:0.9rem;padding:10px 20px;}
}

.history {background:#fff;margin-bottom:0px;}
.companydata .history dt {width:140px;float:left;border-bottom:solid #ccc 1px;padding:20px 40px;clear:left;}
.companydata .history dd {width:calc(100% - 140px);float:left;border-bottom:solid #ccc 1px;padding:20px 40px;
	opacity:0;transform:translateX(30px);}
.companydata .history dd.on {opacity:1;transform:translateX(0px);transition:0.4s;}


/*SP*/
@media (max-width: 896px){
	.companydata {background:none;}
	.companydata .sign img {height:21px;}
	.companydata.contentarea {padding:0px;}
	.companydata .contentbox {padding:30px 15px;}
	.companydata .content {transform:matrix(1,0,0,1,0,0);}
	.companydata .content h1 {font-size:1.8rem;margin-bottom:30px;padding-top:150px;}
	.companydata .content h2 {font-size:1.2rem;margin-bottom:20px;}
	.companydata .greetingarea .content h2 {font-size:1.4rem;}
	.greetingarea p {font-size:0.9rem;}
	.mission p {font-size:0.9rem;font-weight:normal;}

	.companydata .organization {padding:15px;}
	.companydata .organization h3 {font-size:1.5rem;text-align:center;}
	.companydata .organization p {font-size:0.9rem;}

	.dataarea span.name {display:inline-block;width:100%;font-weight:bold;}
	.dataarea span.product {display:inline-block;margin-bottom:10px;}

	.companydata .contentbox table th {display:block;width:100%;text-align:left;border-bottom:none;font-weight:bold;padding:20px 0px 0px 0px;}
	.companydata .contentbox table td {display:block;width:100%;border-top:none;padding:10px 0px 20px 0px;}
	.companydata .history dt {width:100%;float:none;border-bottom:none;padding:20px 0px 0px 0px;height:39px;}
	.companydata .history dd {width:100%;float:none;padding:10px 0px 20px 0px;}

}