@charset "UTF-8";
/* CSS Document */
/*main_ttlArea*/
main:before {
background-image: url(../img/company/ttl_company.webp);
}
/*sub_ttlArea*/
.sub_ttlArea .t_inner .h1Area h1:before {
	content: "COMPANY";
}

/*companyArea*/
.companyArea {
}
.companyArea .desc01 .c_ttl_bg {
	/*background-image: url("../img/company/c_ttl_bg.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	aspect-ratio: 2000/465;*/
	background-color: #f2f2f2;
}
.companyArea .desc01 .c_ttl_inner {
	max-width: 840px;
  margin: 80px auto;
	padding: 100px 20px;
}
.companyArea .desc01 .c_ttl_inner .c_ttlArea .c_ttl p {
	font-size: 55px;
	color: #000;
	/*font-family: 'Unbounded', cursive;*/
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	text-align: center;
	line-height: 1.2;
	padding-bottom: 40px;
}
.companyArea .desc01 .c_ttl_inner .c_ttlArea .c_txt p {
	text-align: center;
	font-size: 20px;
  color: #000;
}
.companyArea .desc02 {
	background-color: #808080;
}
.companyArea .desc02 .inner {
	max-width: 1240px;
  margin: 0 auto;
	padding: 150px 20px;
}
.companyArea .desc02 .inner .h2Area {
	padding-bottom: 60px;
}
.companyArea .desc02 .inner .h2Area h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	color: #FFF;
}
.companyArea .desc02 .inner .c_profile {
}
.companyArea .desc02 .inner .c_profile {
	border-top: 1px solid #000;
}
.companyArea .desc02 .inner .c_profile dl {
	display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #000;
	font-weight: bold;
}
.companyArea .desc02 .inner .c_profile dl dt {
	width: calc(20% - 10px);
	font-size: 20px;
  line-height: 1.4;
}
.companyArea .desc02 .inner .c_profile dl dd {
	width: calc(80% - 10px);
	font-size: 20px;
	line-height: 1.4;
}
.companyArea .desc02 .inner .c_profile dl dd a:hover {
	color: #eee;
}
/*.companyArea .desc03 {
	position: relative;
	background-image: url("../img/company/history_bg.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.companyArea .desc03:before {
	content: "";
	position: absolute;
	background-image: url(../img/company/history_left_bg.webp);
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	width: 100%;
	left: calc(50% - 1000px);
	top: 0;
	z-index: -1;
}*/
.companyArea .desc03 .inner {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	/*align-items: center;*/
	align-items: flex-start;
	max-width: 1600px;
  margin: 0 auto 130px;
	padding: 130px 20px 100px;
}
.companyArea .desc03 .inner .left {
	/*width: calc(50% - 70px);*/
	width: 700px;
	padding-right: 30px;
}
.companyArea .desc03 .inner .left .h2Area {
	padding-bottom: 60px;
}
.companyArea .desc03 .inner .left .h2Area h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	color: #000;
}
.companyArea .desc03 .inner .left .c_history {
	
}
.companyArea .desc03 .inner .left .c_history dl {
	display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 50px;
}
.companyArea .desc03 .inner .left .c_history dl dt {
	width: calc(20% - 10px);
	font-size: 20px;
  line-height: 1.4;
}
.companyArea .desc03 .inner .left .c_history dl dd {
	width: calc(80% - 10px);
	font-size: 20px;
  line-height: 1.4;
}
.companyArea .desc03 .inner .right {
	width: calc(50% - 100px);
}
.companyArea .desc03 .inner .right .img {
	background-image: url("../img/company/history_img.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	aspect-ratio: 974/1100;
}


@media screen and (max-width: 1256px) {
/*desc03*/
	.companyArea .desc03 .inner {
    justify-content: space-between;
	}
	.companyArea .desc03 .inner .left ,
	.companyArea .desc03 .inner .right {
		width: calc(50% - 15px);
	}
}

@media screen and (max-width: 1000px) {
/*companyArea*/
/*desc01*/
	.companyArea .desc01 .c_ttl_inner {
    margin: 60px auto;
    padding: 80px 6vw;
	}
	.companyArea .desc01 .c_ttl_inner .c_ttlArea .c_ttl p {
		padding-bottom: 40px;
		font-size: min(8vw, 40px);
	}
	.companyArea .desc01 .c_ttl_inner .c_ttlArea .c_txt p {
		font-size: min(4vw, 16px);
	}
	
/*desc02*/
	.companyArea .desc02 .inner {
    padding: 80px 6vw;
	}
	.companyArea .desc02 .inner .h2Area {
    padding-bottom: 40px;
	}
	.companyArea .desc02 .inner .h2Area h2 {
    font-size: 32px;
	}
	
/*desc03*/
	.companyArea .desc03 .inner {
    padding: 80px 6vw;
		margin-bottom: 80px;
	}
	.companyArea .desc03 .inner .left  {
		width: 100%;
		padding-right: 0;
		padding-bottom: 36px;
	}
	.companyArea .desc03 .inner .right {
		width: 90%;
    margin: 0 auto;
	}
	.companyArea .desc03 .inner .left .h2Area {
    padding-bottom: 40px;
	}
	.companyArea .desc03 .inner .left .h2Area h2 {
    font-size: 32px;
	}
	.companyArea .desc03 .inner .left .c_history dl {
    padding-bottom: 36px;
	}
}

@media screen and (max-width: 767px) {
/*companyArea*/
/*desc01*/
	.companyArea .desc01 .c_ttl_inner {
    padding: 60px 6vw;
}
	.companyArea .desc01 .c_ttl_inner .c_ttlArea .c_ttl p {
		padding-bottom: 30px;
	}
	.companyArea .desc01 .c_ttl_inner .c_ttlArea .c_txt p {
		text-align: left;
	}
/*desc02*/
	.companyArea .desc02 .inner .h2Area {
    padding-bottom: 32px;
	}
	.companyArea .desc02 .inner .h2Area h2 {
    font-size: min(6vw, 28px);
	}
	.companyArea .desc02 .inner .c_profile dl {
    margin-top: 30px;
    padding-bottom: 30px;
	}
	.companyArea .desc02 .inner .c_profile dl dt {
		width: 100%;
		font-size: 16px;
		padding-bottom: 6px;
	}
	.companyArea .desc02 .inner .c_profile dl dd {
		width: 100%;
		font-size: 16px;
	}
	
/*desc03*/
	.companyArea .desc03 .inner .left .h2Area {
    padding-bottom: 32px;
	}
	.companyArea .desc03 .inner .left .h2Area h2 {
    font-size: min(6vw, 28px);
	}
	.companyArea .desc03 .inner .left .c_history dl {
    padding-bottom: 30px;
	}
	.companyArea .desc03 .inner .left .c_history dl dt {
		width: 100%;
		font-size: 16px;
		padding-bottom: 6px;
	}
	.companyArea .desc03 .inner .left .c_history dl dd {
		width: 100%;
		font-size: 16px;
	}
}

@media screen and (max-width: 400px) {
}