/*

	company.html

*/
/*------------------------------------------
	.companyAbout
------------------------------------------*/
.companyAbout { padding: 70px 0 100px; }
.companyAbout img { display: block; margin: 0 auto; }
@media screen and (max-width: 767px) { .companyAbout { padding: 50px 0; } }

/*------------------------------------------
	.companyGreeting
------------------------------------------*/
.companyGreeting { padding-bottom: 100px; }
.companyGreeting .box { margin-right: -100px; }
.companyGreeting .box .imgBox { float: right; }
.companyGreeting .box .txtBox { width: 48%; }
.companyGreeting .box .txtBox .txt { text-indent: 1em; letter-spacing: 0; }
.companyGreeting .box .txtBox .txt a { color: #1d2088; font-weight: bold; }
.companyGreeting .box .txtBox .name { text-align: right; margin: 20px 25px 0 auto; }
.companyGreeting .box .txtBox .name span { font-size: 20px; margin-left: 10px; }
@media screen and (max-width: 767px) { .companyGreeting { padding-bottom: 50px; }
  .companyGreeting .box { margin-right: 0; }
  .companyGreeting .box .imgBox { float: none; text-align: center; margin: 0 auto 30px; }
  .companyGreeting .box .imgBox img { max-width: 200px; }
  .companyGreeting .box .txtBox { width: 100%; }
  .companyGreeting .box .txtBox .name { margin: 20px 0 0 auto; } }

/*------------------------------------------
	.companyHistory
------------------------------------------*/
.companyHistory { padding-bottom: 100px; }
.companyHistory .secTtl { margin-bottom: 0; }
.companyHistory .imgBox { margin: 0 -100px 40px; }
.companyHistory .list .item { padding: 8px 0; border-bottom: 1px solid #B4B4B4; display: -webkit-box; display: -ms-flexbox; display: flex; }
.companyHistory .list .item .ttl { width: 130px; margin-right: 105px; overflow: hidden; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }
.companyHistory .list .item .ttls { width: 250px; margin-right: 105px; overflow: hidden; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }
.companyHistory .list .item .ttl .month { float: right; display: inline-block; }
@media screen and (max-width: 767px) { .companyHistory { padding-bottom: 50px; }
  .companyHistory .imgBox { margin: 0 -20px 20px; }
  .companyHistory .list .item { display: block; padding: 10px 0; }
  .companyHistory .list .item .date, .companyHistory .list .item .txt { line-height: 1.2; }
  .companyHistory .list .item .ttl,   .companyHistory .list .item .ttls{ width: auto; font-weight: bold; margin: 0 auto 8px; }
  .companyHistory .list .item .ttl .month { float: none; margin-left: 10px; } }

/*# sourceMappingURL=company.css.map */