/********************************************************

setting

********************************************************/
:root {
  --margin-block: 200px; }

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px; } }
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
.page_company .wrap_h3 {
  width: 90%;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .page_company .wrap_h3 {
      text-align: left; } }

.page_company .h3_common {
  margin: 0 auto calc( var(--margin-block) / 3 ); }

.notes-area {
  display: none; }

.sec_brand {
  background: url("../images/company/bg_supply.png") no-repeat top center;
  background-size: 100% auto;
  background-color: #20252a;
  color: #FFF;
  padding: var(--margin-block) 0; }

.sec_brand .wrap_h3 .logo {
  width: min(90%, 133px);
  margin: 0 auto 70px; }
  @media screen and (max-width: 600px) {
    .sec_brand .wrap_h3 .logo {
      width: 20%;
      margin: 0 auto 40px; } }

.sec_anabuki-achievement {
  background: url("../images/company/bg_outline.png") no-repeat top center;
  background-size: 100% auto;
  background-color: #FFF;
  padding: var(--margin-block) 0; }

.sec_anabuki-achievement .wrap_h3 .logo {
  width: min(90%, 510px);
  margin: 50px auto 0; }

.sec_anabuki-achievement .wrap_ranking-map {
  width: min(90%, 1240px);
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .sec_anabuki-achievement .wrap_ranking-map .ranking {
    width: min(28%, 346px); }
    @media screen and (max-width: 600px) {
      .sec_anabuki-achievement .wrap_ranking-map .ranking {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 50px; } }
  .sec_anabuki-achievement .wrap_ranking-map .map {
    width: min(71%, 875px); }
    @media screen and (max-width: 600px) {
      .sec_anabuki-achievement .wrap_ranking-map .map {
        width: 100%; } }

.sec_supply {
  background: url("../images/company/bg_supply.png") no-repeat top center;
  background-size: 100% auto;
  background-color: #20252a;
  color: #FFF;
  padding: var(--margin-block) 0; }

.sec_supply .wrap_box-supply {
  width: min(90%, 1240px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 60px 0; }
  @media screen and (max-width: 600px) {
    .sec_supply .wrap_box-supply {
      gap: 40px 0; } }
  .sec_supply .wrap_box-supply .box-supply {
    width: min(29.5%, 360px); }
    @media screen and (max-width: 600px) {
      .sec_supply .wrap_box-supply .box-supply {
        width: 47%; } }
    .sec_supply .wrap_box-supply .box-supply .property-name {
      font-size: 14px;
      margin-top: 20px;
      line-height: 1.4; }
      @media screen and (min-width: 750px) {
        .sec_supply .wrap_box-supply .box-supply .property-name {
          font-size: calc(14px + 0.0051282051 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .sec_supply .wrap_box-supply .box-supply .property-name {
          font-size: 20px; } }
      .sec_supply .wrap_box-supply .box-supply .property-name p {
        font-size: 12px;
        margin-top: 5px; }
        @media screen and (min-width: 750px) {
          .sec_supply .wrap_box-supply .box-supply .property-name p {
            font-size: calc(12px + 0.0017094017 * (100vw - 750px)); } }
        @media screen and (min-width: 1920px) {
          .sec_supply .wrap_box-supply .box-supply .property-name p {
            font-size: 14px; } }