@charset "utf-8";
/*******************************************/
/* Company                                 */
/*******************************************/
.hero-company{ background:url(../img/company/hero_01.jpg) no-repeat center bottom; background-size:cover; }
.tbl-company th{ font-weight: bold; text-align:left; padding:16px 0; width:20%; }
.tbl-company td{ text-align:left; padding:16px 0; width:80%; }
.ol-company1 li{ margin-bottom:12px; padding-bottom:12px; }
.ol-company1 li dl{ display:table; width:100%; }
.ol-company1 li dl dt{ background:#0069b7; color:#fff; display:table-cell; font-size:1.8rem; font-style:italic; font-weight:500; line-height:64px;  text-align:center; width:64px; height:64px; }
.ol-company1 li dl dd{ display:table-cell; font-size:2.4rem; font-weight:bold; line-height:3.2rem; padding-left:16px; vertical-align:middle; }
.ul-company1 li{ margin-bottom:56px; }
.ul-company1 li dl{ display:table; width:100%; }
.ul-company1 li dl dt{ background:url(../img/company/company_img_02.svg) no-repeat; background-size:24px 24px; background-position:right top 4px; display:table-cell; font-size:2.8rem; letter-spacing:0.2rem; padding-top:4px; text-align:center; width:184px; vertical-align:top; }
.ul-company1 li dl dt span{ display:block; font-size:1.4rem; margin-top:8px; }
.ul-company1 li dl dd{ display:table-cell; padding-left:24px; width:calc(100% - 184px); }
.ul-company1 li dl::after{ content:""; display:block; clear:both; }
.ul-company1 li dl dd p span{ font-weight: bold; }
.company-box1{ border:1px solid #d4dbdf; box-shadow:0px 12px 8px -8px rgba(0,0,0,0.1); padding:48px 184px; }
.company-box1 p{ font-size:2.4rem; line-height:5.6rem; }
.company-box2{ border:1px solid #d4dbdf; box-shadow:0px 12px 8px -8px rgba(0,0,0,0.1); padding:48px 72px; }
.company-item1 img{ width:320px; height:auto; }
.company-item2 img{ width:240px; height:43px; }
.company-box1 p.company-item3{ font-size:1.8rem; text-align:center; }
.company-item4 img{ margin:0; width:320px; height:auto; }
.company-history{ background:url(../img/company/company_img_01.png) repeat-y; background-position:left 170px top; margin:0 auto; padding-top:16px;  width:75%; }
.company-info{ display:flex; flex-wrap:nowrap; }
.company-info-txt{ min-height:0%; width:calc(100% - 160px); }
.company-info-btn{ display:flex; justify-content:center; align-items:center; min-height:0%; width:160px; }
.agreement-box1{ padding:16px 0; }
span.info-text{ display: inline-block; position: relative; top: 5px; }
span.info-text img{ width: auto; height: 16px; }
.company-item5{ width: 100%;  }
.visionItem-1{ position: absolute; bottom: 0; right: 0; }

/* 20241015 */
.company-20241015-1, .company-20241015-2{ display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 280px; height: 280px; }
.company-20241015-1 img{ width: 138px; }

/* 20250917 */
.ls-cus1{ letter-spacing: -0.08em; }

/*******************************************/
/* responsive                              */
/*******************************************/

@media screen and (max-width:767px) {
	.tbl-company th{ display:block; width:100%; }
	.tbl-company td{ display:block; width:100%; }
	.ol-company1 li dl{  display:block; }
	.ol-company1 li dl dt{ display:block; line-height:1; margin-bottom:8px; padding:8px; width:100%; height:32px; }
	.ol-company1 li dl dd{ display:block; font-size:1.8rem; padding-left:0; }
	.ul-company1 li{ margin-bottom:40px; }
	.ul-company1 li dl dt{ background-position:left top; display:block; font-size:2.4rem; margin-bottom:16px; padding:0 0 0 40px; text-align:left; width:100%; }
	.ul-company1 li dl dt span{ display:inline-block; margin:0 0 0 12px; }
	.ul-company1 li dl dd{ display:block; padding-left:40px; width:100%; }
	.ul-company1 li dl dd p.iRight{ float:none; margin-bottom:8px; padding:0; }
	.company-box1{ padding:16px; }
	.company-box1 p{ font-size:1.8rem; line-height:3.2rem; }
	.company-box2{ padding:16px; }
	.company-item2{ margin-bottom:12px; }
	.company-item2 img{ width:180px; height:32px; }
	.company-box1 p.company-item3{ font-size:1.4rem; line-height:2.2rem; text-align:left; }
	.company-history{ background-position:left 10px top; width:100%; }
	.company-info{ display:block; }
	.company-info-txt{ margin-bottom:16px; width:100%; }
	.company-info-btn{ width:100%; }
	.visionItem-1{ position: static; }
}