/*! Writen  by SCSS */
.sec01,
.sec02 {
  padding-top: clamp(60px, 8.34%, 100px);
  padding-bottom: clamp(60px, 8.34%, 100px); }
  @media screen and (max-width: 480px) {
    .sec01,
    .sec02 {
      padding-top: 40px;
      padding-bottom: 40px; } }

.sec02 {
  color: #fff;
  background: linear-gradient(-1deg, #002c0f 0%, #007272 100%); }

.sec01_wrap {
  margin-top: clamp(30px, 4.17%, 50px);
  margin-bottom: clamp(25px, 3.34%, 40px);
  align-items: flex-start; }
  @media screen and (max-width: 768px) {
    .sec01_wrap {
      align-items: center;
      flex-direction: column;
      gap: 30px 0; } }
  .sec01_wrap .text_box {
    width: 41.67%; }
    @media screen and (max-width: 768px) {
      .sec01_wrap .text_box {
        text-align: center;
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec01_wrap .text_box {
        text-align: left; } }
    .sec01_wrap .text_box .sec_lead {
      margin-bottom: 2em; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .sec_lead {
          text-align: center;
          margin-bottom: 1em; } }
    .sec01_wrap .text_box .logo_box {
      margin-bottom: 12%; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .logo_box {
          margin-bottom: 20px; } }
    .sec01_wrap .text_box .read + .read {
      margin-top: 2em; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .read + .read {
          margin-top: 1em; } }
  .sec01_wrap .map_box {
    max-width: 690px;
    width: 57.5%; }
    @media screen and (max-width: 768px) {
      .sec01_wrap .map_box {
        width: 100%; } }

.result_box {
  text-align: center;
  margin-bottom: clamp(30px, 4.17%, 50px); }
  .result_box .result_top {
    font-size: clamp(20px, 2.58vw, 32px);
    display: flex;
    align-items: baseline;
    justify-content: center;
    line-height: 1;
    margin-bottom: 0.6em; }
    @media screen and (max-width: 480px) {
      .result_box .result_top {
        font-size: 24px; } }
    .result_box .result_top .text_in {
      display: flex;
      align-items: baseline;
      justify-content: center;
      gap: 0.25em; }
      @media screen and (max-width: 480px) {
        .result_box .result_top .text_in {
          flex-wrap: wrap;
          gap: 0.2em; } }
    .result_box .result_top .text_lg_wrap {
      font-size: 1.2em;
      display: flex;
      align-items: baseline;
      justify-content: center; }
      .result_box .result_top .text_lg_wrap .text_lg {
        font-size: 1.5em; }

.result_list {
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(3, 1fr); }
  @media screen and (max-width: 480px) {
    .result_list {
      grid-template-columns: repeat(2, 1fr); } }
  .result_list .item .item_text {
    margin-top: 1em;
    font-size: clamp(12px, 1.29vw, 16px);
    text-align: center;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25em; }
    .result_list .item .item_text .text_min {
      font-size: 0.8em; }

.sec02_result_box .result_top {
  align-items: center;
  gap: 0.25em; }
  .sec02_result_box .result_top .leaf {
    width: 0.93em;
    line-height: 0; }

.sec01_result_list {
  gap: clamp(25px, 4.17vw, 50px) 1.66%; }
  @media screen and (max-width: 480px) {
    .sec01_result_list {
      gap: 25px 4%; } }

.sec02_result_list {
  gap: clamp(25px, 4.17vw, 50px) 2.5%; }
  @media screen and (max-width: 480px) {
    .sec02_result_list {
      gap: 25px 4%; } }

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