@charset "UTF-8";
h2.title { color: #000; font-size: 20px; font-size: 2rem; text-align: center; font-weight: normal; margin: 0; }

body { font-feature-settings: "palt"; }

.container.-pd40 { padding-right: 40px; padding-left: 40px; }

/*------------------------------
	sec01 ご挨拶
-------------------------------*/
.sec01 { padding: 75px 0 84px; background: #f2f3f7 url("../../img/keyv_company.png") no-repeat; background-size: auto 100%; background-position: left calc(50% + 200px) bottom; }

@media (max-width: 767px) { .sec01 { background: none; padding: 0; } }

.sec01 .textarea { max-width: 396px; }

.sec01 .textarea > .title { text-align: left; font-size: 1.8rem; }

.sec01 .textarea > .copy { font-size: 2.5rem; line-height: calc(33/25); letter-spacing: 0.08em; font-weight: 600; margin-top: 68px; }

.sec01 .textarea > .copy > .nowrap { white-space: nowrap; }

.sec01 .textarea > .text { font-size: 1.3rem; line-height: calc(24/13); letter-spacing: 0.04em; margin-top: 26px; }

.sec01 .textarea > .ceo { margin-top: 38px; }

.sec01 .textarea > .ceo > .katagaki { font-size: 1.1rem; }

.sec01 .textarea > .ceo > .light { font-size: 1.1rem; }

.sec01 .textarea > .ceo > .ceo-name { font-size: 1.7rem; letter-spacing: 0.04em; margin-top: 0; }

@media (max-width: 767px) { .sec01 .textarea { max-width: none; }
  .sec01 .textarea > .title { font-size: 2rem; text-align: center; }
  .sec01 .textarea > .copy { font-size: 2.6rem; margin-top: 50px; }
  .sec01 .textarea > .text { font-size: 1.5rem; margin-top: 20px; }
  .sec01 .textarea > .ceo { margin-top: 22px; }
  .sec01 .textarea > .ceo > .katagaki { font-size: 1.2rem; }
  .sec01 .textarea > .ceo > .light { font-size: 1.2rem; }
  .sec01 .textarea > .ceo > .ceo-name { font-size: 1.8rem; letter-spacing: 0; margin-top: 0; } }

.sec01 .image { display: none; }

@media (max-width: 767px) { .sec01 .image { display: block; margin: 26px -40px 0 -40px; } }

/*------------------------------
	sec01-2 プロフィール
-------------------------------*/
.sec01-2 { padding-top: 40px; }

.sec01-2 .heading { font-size: 1.3rem; margin-top: 0; }

.sec01-2 .text, .sec01-2 .awards { font-size: 1.2rem; line-height: calc(20/12); letter-spacing: 0.04em; margin-top: 4px; }

.sec01-2 .text > br, .sec01-2 .awards > br { display: block; content: ""; margin-top: 3px; }

.sec01-2 .text + .heading, .sec01-2 .awards + .heading { margin-top: 28px; }

.sec01-2 .awards tr + tr > th, .sec01-2 .awards tr + tr > td { padding-top: 3px; }

.sec01-2 .awards th, .sec01-2 .awards td { padding: 0; font-weight: 400; vertical-align: text-top; }

.sec01-2 .awards th { padding-right: 16px; }

@media (max-width: 767px) { .sec01-2 { padding-top: 30px; }
  .sec01-2 .heading { font-size: 1.5rem; }
  .sec01-2 .text, .sec01-2 .awards { font-size: 1.3rem; line-height: calc(21/13); margin-top: 9px; }
  .sec01-2 .text > br, .sec01-2 .awards > br { margin-top: 4px; }
  .sec01-2 .text + .heading, .sec01-2 .awards + .heading { margin-top: 38px; }
  .sec01-2 .awards th { padding-right: 10px; } }

/*------------------------------
	sec02 PURPOSE VISION
-------------------------------*/
.sec02 { padding: 102px 0 0; text-align: center; }

.sec02 .h2-03:not(:first-of-type) { margin-top: 82px; }

.sec02 .h2-03 .en { margin: 0; font-family: 'Inter','Helvetica Neue','Arial','Roboto',sans-serif; font-weight: 500; }

.sec02 .text { font-size: 19px; font-size: 1.9rem; font-weight: bold; margin-top: 1em; letter-spacing: 0.1em; }

@media (max-width: 767px) { .sec02 { padding: 90px 0 0; }
  .sec02 .h2-03:not(:first-of-type) { margin-top: 46px; }
  .sec02 .h2-03 .en { font-size: 1.8rem; }
  .sec02 .h2-03 .jp { font-size: 1.1rem; }
  .sec02 .text { margin-top: 16px; font-size: 1.4rem; line-height: calc(23/14); } }

/*------------------------------
	sec03 人生が上々になるための9ルール
-------------------------------*/
.sec03 { padding: 96px 0 0; text-align: center; }

@media (max-width: 767px) { .sec03 { padding-top: 60px; } }

.sec03 .rule { border: 1px solid #000; padding: 40px 20px 62px; letter-spacing: 0.04em; max-width: 400px; margin: 0 auto; }

@media (max-width: 767px) { .sec03 .rule { padding: 32px 20px 50px; } }

.sec03 h2.heading { font-size: 1.8rem; color: #FF3778; letter-spacing: 0.04em; margin-top: 10px; }

@media (max-width: 767px) { .sec03 h2.heading { font-size: 1.44rem; } }

.sec03 .text-wrap { margin: 46px auto -15px; padding: 0; max-width: 240px; }

@media (max-width: 767px) { .sec03 .text-wrap { margin: 36px auto -12px; max-width: 200px; } }

.sec03 .text-wrap li { display: flex; margin-bottom: 15px; letter-spacing: 0.04em; }

@media (max-width: 767px) { .sec03 .text-wrap li { margin-bottom: 12px; } }

.sec03 .text-wrap li span { display: block; font-size: 17px; font-size: 1.7rem; }

@media (max-width: 767px) { .sec03 .text-wrap li span { font-size: 1.4rem; } }

.sec03 .text-wrap li .no { font-family: 'Inter','Helvetica Neue','Arial','Roboto',sans-serif; font-weight: 500; font-style: normal; padding: 0 1em; }

.sec03 .text-wrap li .txt { font-weight: bold; padding: 0 0.5em; }

/*------------------------------
	sec04 会社概要
-------------------------------*/
.sec04 { padding: 148px 0 115px; }

@media (max-width: 767px) { .sec04 { padding: 87px 0 64px; } }

.sec04 .container { max-width: 712px; }

.sec04 .container > .title { font-size: 2rem; }

.sec04 .summary { margin: 80px 0 0; }

@media (max-width: 767px) { .sec04 .summary { margin: 48px 0 0; } }

.sec04 .summary .summary-item { display: flex; }

@media (max-width: 767px) { .sec04 .summary .summary-item { display: block; } }

.sec04 .summary .summary-item:not(:first-of-type) { margin: 20px 0 0; }

.sec04 .summary .summary-item .title { color: #808080; font-size: 12px; font-size: 1.2rem; margin: 0; padding: 1px 1em 1px 0; letter-spacing: 0.05em; min-width: 94px; }

@media (max-width: 767px) { .sec04 .summary .summary-item .title { padding: 1px 0 3px; font-size: 1.2rem; } }

.sec04 .summary .summary-item .text { font-size: 13px; font-size: 1.3rem; margin: 2px 0 0; }

@media (max-width: 767px) { .sec04 .summary .summary-item .text { font-size: 13px; font-size: 1.3rem; } }

.sec04 .summary .summary-item.business-summary { margin-top: 52px; }

@media (max-width: 767px) { .sec04 .summary .summary-item.business-summary { margin-top: 20px; } }

.sec04 .summary .summary-item.business-summary .text { font-size: 14.5px; font-size: 1.45rem; margin-top: 0; }

.sec04 .summary .summary-item.business-summary .text .list { margin: 0 0 -3px; }

.sec04 .summary .summary-item.business-summary .text .list li { font-weight: bold; margin-bottom: 3px; line-height: calc(27/14.5); font-size: 14.5px; font-size: 1.45rem; }

.sec04 .summary .summary-item.business-summary .text .list li:before { content: ""; width: 4px; height: 4px; border-radius: 2px; background: #333; top: -4px; left: -1px; }

.sec04 .summary .summary-item.business-summary .text .list li > ._disp-ib { padding-left: 0.6em; }

/*------------------------------
	sec05 主なお取引先
-------------------------------*/
.sec05 { color: #666; background: #f3f5f5; padding: 74px 0 96px; }

.sec05 h2.title { padding: 0; }

.sec05 p { font-size: 1.1rem; }

.sec05 p.top { margin-top: 46px; }

@media (max-width: 767px) { .sec05 p.top { margin-top: -1.8em; text-align: right; } }

.sec05 p .small { font-size: 1rem; }

.sec05 .suppliers { margin-top: 36px; display: flex; }

@media (max-width: 767px) { .sec05 .suppliers { display: block; margin-top: 52px; } }

.sec05 .suppliers > .item { width: 25%; margin-bottom: -6px; }

@media (max-width: 767px) { .sec05 .suppliers > .item { display: flex; flex-wrap: wrap; width: 100%; } }

.sec05 .suppliers > .item::after { content: ""; display: block; clear: both; }

.sec05 .suppliers .item p { margin: 0 0 6px; padding-right: 1em; }

@media (max-width: 767px) { .sec05 .suppliers .item p { width: 50%; } }

.sec05 .bottom { width: 25%; margin-left: auto; margin-top: -1.7em; }

@media (max-width: 767px) { .sec05 .bottom { width: auto; margin-top: 20px; } }

@media (max-width: 767px) { .sec05 { padding: 60px 0; }
  .sec05 h2.title { padding: 0; font-size: 2rem; } }

/*------------------------------
	sec06 ACCESS
-------------------------------*/
.sec06 { padding: 88px 0 0; }

.sec06 .title { font-family: 'Helvetica Neue','Arial','Inter','Roboto',sans-serif; font-size: 2.2rem; letter-spacing: 0.06em; }

.sec06 .access { margin: 78px auto 0; max-width: 452px; }

.sec06 p { margin-top: 1em; }

.sec06 p.address { margin-top: 0; font-size: 1.5rem; line-height: calc(23/15); }

.sec06 p.img { margin-top: 16px; }

@media (max-width: 767px) { .sec06 p.img { margin-top: 12px; } }

.sec06 .googlemap { margin: 26px 0 0; }

@media (max-width: 767px) { .sec06 .googlemap { margin-top: 15px; } }

.sec06 .btn { margin-top: 30px; }

.sec06 .btn a.btn-01 { display: block; text-align: center; font-size: 13px; font-size: 1.3rem; padding: 1em; letter-spacing: 0.05em; }

@media (max-width: 767px) { .sec06 { padding: 54px 0 0; }
  .sec06 .title { font-size: 22px; padding: 0; line-height: calc(29/22); } }

@media (max-width: 1199px) { .sec06 .access { max-width: 452px; width: 100%; margin: 4em auto 0; } }

@media (max-width: 1199px) { .sec06 .access { margin: 40px auto 0; } }
/*# sourceMappingURL=company.css.map */