@charset "UTF-8";
.news .main-contents {
  padding-top: 90px; }
.news-header {
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 50px;
  width: 100%;
  max-width: 1020px; }
  @media screen and (max-width: 1020px) {
    .news-header {
      padding: 0 15px; } }
  @media screen and (max-width: 767px) {
    .news-header {
      padding: 0 15px;
      margin-bottom: 40px; } }
  .news-header__number {
    flex: 0 0 auto;
    width: 140px;
    font-size: 64px;
    font-weight: bold;
    color: #231815;
    line-height: 1; }
    .news-header__number span {
      font-size: 15px;
      font-weight: normal; }
    @media screen and (max-width: 1199px) {
      .news-header__number {
        font-size: 48px; }
        .news-header__number span {
          font-size: 12px; } }
    @media screen and (max-width: 767px) {
      .news-header__number {
        width: 72px;
        font-size: 32px; }
        .news-header__number span {
          font-size: 11px; } }
  .news-header .growth02-header__number {
    color: #8d7d56; }
  .news-header__inner {
    flex: 0 1 auto;
    position: relative;
    padding: 40px 0 0;
    width: 100%; }
    @media screen and (max-width: 980px) {
      .news-header__inner {
        padding: 20px 0 20px 40px; } }
  .news-header__title {
    flex: 0 0 auto;
    margin: 0 auto 30px;
    width: 100%;
    max-width: 740px;
    font-size: 52px;
    letter-spacing: 0.2em; }
    @media screen and (max-width: 767px) {
      .news-header__title {
        font-size: 28px; } }
  .news-header__lead {
    font-family: A-OTF A1明朝 Std Bold;
    margin: 0 auto;
    max-width: 740px;
    line-height: 2.2666666667;
    font-size: 15px;
    letter-spacing: 0.05em;
    text-align: justify;
    text-justify: inter-character; }
    @media screen and (max-width: 767px) {
      .news-header__lead {
        padding-left: 0;
        font-size: 13px;
        line-height: 2; } }
  .news-header__tag {
    position: absolute;
    top: 64px;
    left: 0;
    padding: 0 20px 0 15px;
    min-width: 95px;
    height: 20px;
    text-align: center;
    background-color: #000;
    font-size: 12px;
    font-family: montserrat, sans-serif;
    color: #fff;
    transform: rotate(90deg) translateY(-100%);
    transform-origin: left top; }
    .news-header__tag::before {
      content: '';
      position: absolute;
      right: 0;
      bottom: 0;
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 20px 10px;
      border-color: transparent transparent #eaeace transparent; }
    @media screen and (max-width: 767px) {
      .news-header__tag {
        top: 34px;
        font-size: 11px; } }
  .news-header .growth02-header_tag {
    z-index: 1; }
    .news-header .growth02-header_tag:before {
      border-color: transparent transparent #808080 transparent; }
.news-header-bg {
  position: absolute;
  top: 20px;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  width: 1280px; }
  @media screen and (max-width: 1300px) {
    .news-header-bg {
      width: calc(100vw - 30px); } }
.news-header-other {
  flex: 1 1 auto;
  align-self: flex-end;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  margin-left: -4px; }
  @media screen and (max-width: 767px) {
    .news-header-other {
      margin: 0;
      max-width: calc(100% - 72px); } }
  .news-header-other__item {
    flex: 0 0 auto;
    padding: 4px;
    min-width: 125px; }
    @media screen and (max-width: 767px) {
      .news-header-other__item {
        flex: 0 1 auto;
        padding: 2px;
        min-width: 80px; } }
  .news-header-other__tag {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    height: 24px;
    text-align: center;
    border-radius: 20px;
    font-size: 14px;
    font-family: montserrat, sans-serif;
    font-weight: bold;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .news-header-other__tag {
        font-size: 10px; } }
    .news-header-other__tag.c-earth {
      background-color: #1e646e; }
    .news-header-other__tag.c-world {
      background-color: #463c5a; }
    .news-header-other__tag.c-future {
      background-color: #b4467d; }
    .news-header-other__tag.c-work {
      background-color: #003c64; }
    .news-header-other__tag.c-now {
      background-color: #dc6450; }
.news-body {
  padding: 0 15px;
  text-align: justify;
  text-justify: inter-character;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.1em; }
  .news-body p {
    margin-bottom: 28px; }
  @media screen and (max-width: 767px) {
    .news-body {
      font-size: 12px;
      line-height: 2;
      letter-spacing: 0.05em; }
      .news-body p {
        margin-bottom: 22px; } }
  .news-body__h1 {
    margin: 140px 0 35px;
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: 0.2em;
    color: #595757; }
    .news-body__h1_karning_short {
      letter-spacing: 0.105em; }
    .news-body__h1:first-child {
      margin-top: 0 !important; }
    @media screen and (max-width: 767px) {
      .news-body__h1 {
        margin: 70px 0 20px;
        font-size: 24px; } }
  .news-body__h2 {
    margin: 75px 0 40px;
    line-height: 1.59375;
    letter-spacing: 0.16em;
    font-size: 42px;
    color: #231815; }
    .news-body__h2_karning_short {
      letter-spacing: 0.12em; }
    .news-body__h2:first-child:not(.use_mt) {
      margin-top: 0 !important; }
    .news-body__h2 .u-line {
      background: linear-gradient(#ffff00, #ffff00) 0 100%/100% 10px no-repeat; }
    @media screen and (max-width: 767px) {
      .news-body__h2 {
        margin: 30px 0 20px;
        letter-spacing: 0.1em;
        font-size: 22px; }
        .news-body__h2 .u-line {
          background-size: 100% 4px; } }
  .news-body__figure {
    margin: 110px 0 210px; }
    .news-body__figure_first {
      margin-top: 0 !important; }
    @media screen and (max-width: 767px) {
      .news-body__figure {
        margin: 50px -15px 80px; } }

body.about .main-contents {
  padding-top: 120px;
  background-color: #f2eadd;
  overflow-x: hidden; }
body.about .news-header-bg .bg-txt {
  fill: #82fa78; }
@media screen and (max-width: 767px) {
  body.about .news-header__title {
    letter-spacing: 0.085em; } }
body.about .news-header__lead {
  font-family: 'Noto Serif JP', serif;
  letter-spacing: normal; }
body.about .about-white {
  padding-top: 116px;
  background-color: #fff; }
  body.about .about-white .archive-nav {
    margin-top: 0;
    margin-bottom: 116px; }
  @media screen and (max-width: 767px) {
    body.about .about-white {
      padding-top: 80px; }
      body.about .about-white .archive-nav {
        margin: 0 auto 40px; } }
body.about .about-history {
  position: relative;
  z-index: 10;
  margin: -12px auto 110px;
  max-width: 740px; }
  body.about .about-history-table {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px currentColor solid; }
    body.about .about-history-table dt, body.about .about-history-table dd {
      padding: 18px 0;
      border-bottom: 1px currentColor solid;
      border-bottom: 1px currentColor solid; }
    body.about .about-history-table dt {
      flex: 0 0 auto;
      width: 22.1621621622%; }
    body.about .about-history-table dd {
      flex: 1 1 auto;
      width: 77.8378378378%; }
  @media screen and (max-width: 767px) {
    body.about .about-history {
      padding: 0 15px;
      margin: -20px 0 50px; }
      body.about .about-history-table {
        display: block; }
        body.about .about-history-table dt, body.about .about-history-table dd {
          border: 0;
          padding: 8px 0 0;
          width: 100%; }
        body.about .about-history-table dd {
          padding: 0 0 8px;
          border-bottom: 1px currentColor solid; } }
body.about .about-box {
  margin-bottom: 90px;
  position: relative;
  z-index: 0; }
  body.about .about-box ul {
    padding-left: 1.5em; }
  body.about .about-box li {
    list-style-position: outside;
    margin-bottom: .5em; }
  body.about .about-box::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain; }
  @media screen and (max-width: 1020px) {
    body.about .about-box {
      padding: 30px 15px 0;
      margin-bottom: 50px; }
      body.about .about-box::before {
        display: none; } }
  body.about .about-box__inner {
    position: relative;
    padding: 80px 116px;
    border: 8px #82fa78 solid;
    width: 880px; }
    @media screen and (max-width: 1020px) {
      body.about .about-box__inner {
        padding: 0 30px 30px;
        border-width: 6px;
        width: 100%; } }
  body.about .about-box .about-title {
    position: absolute; }
    @media screen and (max-width: 1020px) {
      body.about .about-box .about-title {
        position: static;
        margin: -30px 0 0 -20px;
        margin-bottom: 20px; } }
  body.about .about-box .about-sub-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0.2em;
    font-weight: bold; }
  body.about .about-box_02 .about-title {
    left: 100%;
    transform: translateX(-50%); }
    @media screen and (max-width: 1020px) {
      body.about .about-box_02 .about-title {
        transform: translate(0, 0); } }
  body.about .about-box_02::before {
    top: 0;
    left: 0;
    width: 300px;
    height: 292px;
    background-image: url(../img/about/bg-01.svg);
    transform: translate(-85%, -40%); }
  body.about .about-box_02 .about-sub-title {
    margin-left: -1.8em; }
  body.about .about-box_03 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 124px; }
    body.about .about-box_03::before {
      top: 0;
      right: 0;
      width: 356px;
      height: 346px;
      background-image: url(../img/about/bg-02.svg);
      transform: translate(80%, -40%); }
    @media screen and (max-width: 1020px) {
      body.about .about-box_03 {
        display: block;
        margin-bottom: 50px; } }
    body.about .about-box_03 .about-box__inner {
      flex: 0 1 auto;
      margin-left: auto;
      padding-left: 310px; }
      @media screen and (max-width: 1020px) {
        body.about .about-box_03 .about-box__inner {
          padding-left: 30px; } }
    body.about .about-box_03 .about-title {
      left: -140px; }
    body.about .about-box_03 .about-sub-title {
      margin-left: -1.8em; }
body.about .about-suji {
  padding: 100px 0;
  background-color: #fff; }
  @media screen and (max-width: 1020px) {
    body.about .about-suji {
      padding: 50px 20px; } }
  body.about .about-suji__box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
    border-top: 1px #82fa78 solid; }
    @media screen and (max-width: 1020px) {
      body.about .about-suji__box {
        display: block;
        margin-top: 0; } }
  body.about .about-suji__title {
    padding: 2px 10px;
    margin-bottom: 1em;
    border: 1px currentColor solid;
    font-size: 20px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      body.about .about-suji__title {
        font-size: 16px; } }
  body.about .about-suji__item {
    flex: 0 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 30px 20px;
    width: 50%;
    text-align: center;
    border: 1px #82fa78 solid;
    border-top: 0; }
    body.about .about-suji__item img {
      margin: auto; }
    body.about .about-suji__item:nth-child(odd) {
      border-right-width: 0; }
    body.about .about-suji__item_05, body.about .about-suji__item_06, body.about .about-suji__item_07 {
      width: 33.33334%; }
    body.about .about-suji__item_07 {
      border-left-width: 0;
      border-right-width: 1px !important; }
    body.about .about-suji__item_08 {
      width: 100%; }
      body.about .about-suji__item_08 img.sp {
        display: none; }
      body.about .about-suji__item_08 .about-suji__title {
        position: absolute; }
    @media screen and (max-width: 1020px) {
      body.about .about-suji__item {
        padding: 20px;
        width: 100%; }
        body.about .about-suji__item_01 img {
          width: 49.9732101617vw; }
        body.about .about-suji__item_02 img {
          width: 78.4vw; }
        body.about .about-suji__item_03 img {
          width: 68.9847575058vw; }
        body.about .about-suji__item_04 img {
          width: 65.182448037vw; }
        body.about .about-suji__item_05 img {
          width: 46.5330254042vw; }
        body.about .about-suji__item_06 img {
          width: 49.792147806vw; }
        body.about .about-suji__item_07 {
          border-left-width: 1px; }
          body.about .about-suji__item_07 img {
            width: 49.6110854503vw; }
        body.about .about-suji__item_08 img.sp {
          display: inline-block;
          width: 75.8651270208vw; }
        body.about .about-suji__item_08 img.pc {
          display: none; }
        body.about .about-suji__item_08 .about-suji__title {
          position: static; }
        body.about .about-suji__item:nth-child(odd) {
          border-right-width: 1px; } }
    @media screen and (max-width: 767px) {
      body.about .about-suji__item img {
        width: 100%; } }
body.about .about-gaiyou {
  text-align: center;
  background-color: #fff; }
  body.about .about-gaiyou ol {
    padding-left: 1.5em; }
  body.about .about-gaiyou li {
    list-style-position: outside; }
  body.about .about-gaiyou-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 1020px) {
      body.about .about-gaiyou-list {
        display: block; } }
    body.about .about-gaiyou-list__th, body.about .about-gaiyou-list__td {
      padding: 20px;
      background-color: #fff;
      border-bottom: 2px #f6f6f6 solid; }
      @media screen and (max-width: 1020px) {
        body.about .about-gaiyou-list__th, body.about .about-gaiyou-list__td {
          padding: 8px; } }
    body.about .about-gaiyou-list__td {
      flex: 1 1 auto;
      margin-left: 2px;
      width: 82.9411764706%; }
      @media screen and (max-width: 1020px) {
        body.about .about-gaiyou-list__td {
          margin-left: 0;
          width: 100%;
          margin-bottom: 8px; } }
    body.about .about-gaiyou-list__th {
      font-weight: bold;
      flex: 0 0 auto;
      width: 16.862745098%; }
      @media screen and (max-width: 1020px) {
        body.about .about-gaiyou-list__th {
          width: 100%;
          margin-top: 8px; } }
  body.about .about-gaiyou-table {
    table-layout: fixed; }
    body.about .about-gaiyou-table th, body.about .about-gaiyou-table td {
      padding: 4px;
      text-align: center; }
    body.about .about-gaiyou-table thead th {
      background-color: #595757;
      font-weight: bold;
      color: #fff; }
    @media screen and (max-width: 1020px) {
      body.about .about-gaiyou-table th, body.about .about-gaiyou-table td {
        font-size: 84%; } }
  body.about .about-gaiyou .about-gray {
    padding: 90px 0;
    margin-top: 36px;
    text-align: left;
    background-color: #f6f6f6; }
    @media screen and (max-width: 1020px) {
      body.about .about-gaiyou .about-gray {
        padding: 20px 15px;
        margin-top: 0; } }
  body.about .about-gaiyou .flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }
    body.about .about-gaiyou .flex dt {
      flex: 0 0 auto;
      width: 6.5em; }
    body.about .about-gaiyou .flex dd {
      flex: 1 1 auto;
      width: 100%; }
    @media screen and (max-width: 1020px) {
      body.about .about-gaiyou .flex {
        display: block; }
        body.about .about-gaiyou .flex dt, body.about .about-gaiyou .flex dd {
          width: 100%; } }
    body.about .about-gaiyou .flex-02 dt {
      width: 4.5em; }
body.about .about-title {
  width: 56vw;
  margin-bottom: 20px; }
  body.about .about-title_01, body.about .about-title_02, body.about .about-title_03 {
    max-width: 332px; }
  body.about .about-title_04 {
    margin-left: auto;
    margin-right: auto;
    width: 66.4578313253vw;
    max-width: 394px; }
  body.about .about-title_05 {
    margin-left: auto;
    margin-right: auto;
    width: 66.4578313253vw;
    max-width: 394px; }
body.about .suji-box .suji-01 {
  line-height: 1;
  font-family: montserrat, sans-serif;
  font-weight: bold;
  font-weight: 700; }
body.about .suji-box .suji-02 {
  line-height: 1;
  font-family: noto-sans-cjk-jp, "Noto Sans JP", sans-serif;
  color: #595757;
  margin-left: 4px; }
  @media screen and (max-width: 1400px) {
    body.about .suji-box .suji-02 {
      margin-left: 0.2857142857vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box .suji-02 {
      margin-left: 0.7843137255vw; } }
body.about .suji-box .suji-img img {
  width: 100%; }
body.about .suji-box_01 .suji-01 {
  color: #82fa78;
  margin-top: 20px;
  font-size: 124px; }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_01 .suji-01 {
      margin-top: 1.4285714286vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_01 .suji-01 {
      margin-top: 3.9215686275vw; } }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_01 .suji-01 {
      font-size: 8.8571428571vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_01 .suji-01 {
      font-size: 24.3137254902vw; } }
body.about .suji-box_01 .suji-02 {
  font-size: 44px; }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_01 .suji-02 {
      font-size: 3.1428571429vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_01 .suji-02 {
      font-size: 8.6274509804vw; } }
body.about .suji-box_02 {
  display: flex;
  justify-content: center;
  width: 100%; }
  body.about .suji-box_02 .suji-label {
    padding-top: 20px;
    font-size: 17px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_02 .suji-label {
        padding-top: 1.4285714286vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_02 .suji-label {
        padding-top: 3.9215686275vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_02 .suji-label {
        font-size: 1.2142857143vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_02 .suji-label {
        font-size: 3.3333333333vw; } }
  body.about .suji-box_02 .suji-01 {
    font-size: 96px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_02 .suji-01 {
        font-size: 6.8571428571vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_02 .suji-01 {
        font-size: 18.8235294118vw; } }
  body.about .suji-box_02 .suji-02 {
    font-size: 40px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_02 .suji-02 {
        font-size: 2.8571428571vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_02 .suji-02 {
        font-size: 7.8431372549vw; } }
  body.about .suji-box_02 .suji-w {
    position: relative;
    z-index: 0;
    flex: 0 0 auto;
    padding-right: 20px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_02 .suji-w {
        padding-right: 1.4285714286vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_02 .suji-w {
        padding-right: 3.9215686275vw; } }
    body.about .suji-box_02 .suji-w::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background: url(../img/about/suji-m.svg) center/contain no-repeat;
      width: 76px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_02 .suji-w::before {
          width: 5.4285714286vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_02 .suji-w::before {
          width: 14.9019607843vw; } }
    body.about .suji-box_02 .suji-w .suji-01 {
      color: #ff4caa; }
  body.about .suji-box_02 .suji-m {
    position: relative;
    z-index: 0;
    flex: 0 0 auto;
    padding-left: 20px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_02 .suji-m {
        padding-left: 1.4285714286vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_02 .suji-m {
        padding-left: 3.9215686275vw; } }
    body.about .suji-box_02 .suji-m::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background: url(../img/about/suji-m.svg) center/contain no-repeat;
      width: 76px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_02 .suji-m::before {
          width: 5.4285714286vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_02 .suji-m::before {
          width: 14.9019607843vw; } }
    body.about .suji-box_02 .suji-m .suji-01 {
      color: #00d2ff; }
body.about .suji-box_03 {
  width: 100%; }
  body.about .suji-box_03 .suji-img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 282px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-img {
        margin-top: 2.8571428571vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-img {
        margin-top: 7.8431372549vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-img {
        margin-bottom: 1.4285714286vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-img {
        margin-bottom: 3.9215686275vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-img {
        width: 20.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-img {
        width: 55.2941176471vw; } }
  body.about .suji-box_03 .suji-flex {
    display: flex;
    justify-content: center;
    width: 100%; }
    body.about .suji-box_03 .suji-flex .suji-01 {
      flex: 0;
      font-size: 52px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_03 .suji-flex .suji-01 {
          font-size: 3.7142857143vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_03 .suji-flex .suji-01 {
          font-size: 10.1960784314vw; } }
    body.about .suji-box_03 .suji-flex .suji-02 {
      font-size: 26px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_03 .suji-flex .suji-02 {
          font-size: 1.8571428571vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_03 .suji-flex .suji-02 {
          font-size: 5.0980392157vw; } }
    body.about .suji-box_03 .suji-flex .suji-03 {
      line-height: 1;
      vertical-align: middle;
      font-family: noto-sans-cjk-jp, "Noto Sans JP", sans-serif;
      color: #595757;
      letter-spacing: 0.17em;
      font-size: 18px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_03 .suji-flex .suji-03 {
          font-size: 1.2857142857vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_03 .suji-flex .suji-03 {
          font-size: 3.5294117647vw; } }
  body.about .suji-box_03 .suji-box-child {
    flex: 1;
    height: 100%;
    background: #f6f6f6;
    margin-top: 10px;
    padding-top: 16px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-box-child {
        margin-top: 0.7142857143vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-box-child {
        margin-top: 1.9607843137vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-box-child {
        padding-top: 1.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-box-child {
        padding-top: 3.137254902vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-box-child {
        padding-bottom: 0.4285714286vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-box-child {
        padding-bottom: 1.1764705882vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-box-child {
        padding-left: 1.4285714286vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-box-child {
        padding-left: 3.9215686275vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-box-child {
        padding-right: 1.4285714286vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-box-child {
        padding-right: 3.9215686275vw; } }
    body.about .suji-box_03 .suji-box-child-item {
      display: flex;
      width: 100%;
      padding-top: 4px;
      padding-bottom: 4px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_03 .suji-box-child-item {
          padding-top: 0.2857142857vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_03 .suji-box-child-item {
          padding-top: 0.7843137255vw; } }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_03 .suji-box-child-item {
          padding-bottom: 0.2857142857vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_03 .suji-box-child-item {
          padding-bottom: 0.7843137255vw; } }
    body.about .suji-box_03 .suji-box-child-label {
      flex: 0 0 auto;
      width: 7em;
      text-align: left;
      line-height: 1;
      font-size: 14px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_03 .suji-box-child-label {
          font-size: 1vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_03 .suji-box-child-label {
          font-size: 2.7450980392vw; } }
    body.about .suji-box_03 .suji-box-child-num {
      flex: 1 1 auto;
      width: 100%;
      text-align: right;
      line-height: 1;
      font-weight: bold;
      font-family: montserrat, sans-serif;
      font-size: 16px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_03 .suji-box-child-num {
          font-size: 1.1428571429vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_03 .suji-box-child-num {
          font-size: 3.137254902vw; } }
  body.about .suji-box_03 .suji-tech {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 10px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-tech {
        padding-right: 0.7142857143vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-tech {
        padding-right: 1.9607843137vw; } }
    body.about .suji-box_03 .suji-tech .suji-01 {
      color: #00d2ff; }
    body.about .suji-box_03 .suji-tech .suji-box-child-num {
      color: #00d2ff; }
  body.about .suji-box_03 .suji-office {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 10px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_03 .suji-office {
        padding-left: 0.7142857143vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_03 .suji-office {
        padding-left: 1.9607843137vw; } }
    body.about .suji-box_03 .suji-office .suji-01 {
      color: #ff4caa; }
    body.about .suji-box_03 .suji-office .suji-box-child-num {
      color: #ff4caa; }
body.about .suji-box_04 {
  width: 100%; }
  body.about .suji-box_04 .suji-img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 24px;
    width: 280px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-img {
        margin-top: 3.5714285714vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-img {
        margin-top: 9.8039215686vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-img {
        margin-bottom: 1.7142857143vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-img {
        margin-bottom: 4.7058823529vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-img {
        width: 20vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-img {
        width: 54.9019607843vw; } }
  body.about .suji-box_04 .suji-flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2px;
    margin-right: -2px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-flex {
        margin-left: -0.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-flex {
        margin-left: -0.3921568627vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-flex {
        margin-right: -0.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-flex {
        margin-right: -0.3921568627vw; } }
  body.about .suji-box_04 .suji-age {
    flex: 0 0 auto;
    width: 50%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-age {
        padding-top: 0.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-age {
        padding-top: 0.3921568627vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-age {
        padding-bottom: 0.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-age {
        padding-bottom: 0.3921568627vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-age {
        padding-left: 0.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-age {
        padding-left: 0.3921568627vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_04 .suji-age {
        padding-right: 0.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_04 .suji-age {
        padding-right: 0.3921568627vw; } }
    body.about .suji-box_04 .suji-age-item {
      background: #f6f6f6;
      padding-top: 20px;
      padding-bottom: 16px;
      padding-left: 18px;
      padding-right: 18px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_04 .suji-age-item {
          padding-top: 1.4285714286vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_04 .suji-age-item {
          padding-top: 3.9215686275vw; } }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_04 .suji-age-item {
          padding-bottom: 1.1428571429vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_04 .suji-age-item {
          padding-bottom: 3.137254902vw; } }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_04 .suji-age-item {
          padding-left: 1.2857142857vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_04 .suji-age-item {
          padding-left: 3.5294117647vw; } }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_04 .suji-age-item {
          padding-right: 1.2857142857vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_04 .suji-age-item {
          padding-right: 3.5294117647vw; } }
    body.about .suji-box_04 .suji-age .suji-01 {
      font-size: 48px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_04 .suji-age .suji-01 {
          font-size: 3.4285714286vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_04 .suji-age .suji-01 {
          font-size: 9.4117647059vw; } }
    body.about .suji-box_04 .suji-age .suji-02 {
      font-size: 20px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_04 .suji-age .suji-02 {
          font-size: 1.4285714286vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_04 .suji-age .suji-02 {
          font-size: 3.9215686275vw; } }
    body.about .suji-box_04 .suji-age .suji-03 {
      vertical-align: middle;
      font-family: noto-sans-cjk-jp, "Noto Sans JP", sans-serif;
      font-size: 16px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_04 .suji-age .suji-03 {
          font-size: 1.1428571429vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_04 .suji-age .suji-03 {
          font-size: 3.137254902vw; } }
    body.about .suji-box_04 .suji-age .suji-04 {
      display: inline-block;
      text-align: center;
      color: #82fa78;
      width: 76px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_04 .suji-age .suji-04 {
          width: 5.4285714286vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_04 .suji-age .suji-04 {
          width: 14.9019607843vw; } }
body.about .about-suji__item_05 {
  padding-left: 0;
  padding-right: 0; }
body.about .suji-box_05 {
  width: 100%; }
  body.about .suji-box_05 .suji-study {
    position: relative;
    display: flex;
    width: 100%;
    margin-top: 10px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_05 .suji-study {
        margin-top: 0.7142857143vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_05 .suji-study {
        margin-top: 0vw; } }
    body.about .suji-box_05 .suji-study::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      display: block;
      width: 1px;
      background-color: #d9d9d9; }
    body.about .suji-box_05 .suji-study-item {
      flex: 1 1 auto;
      width: 100%;
      text-align: center; }
    body.about .suji-box_05 .suji-study-label {
      text-align: center;
      letter-spacing: 0.17em;
      margin-bottom: 16px;
      font-size: 18px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_05 .suji-study-label {
          margin-bottom: 1.1428571429vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_05 .suji-study-label {
          margin-bottom: 3.137254902vw; } }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_05 .suji-study-label {
          font-size: 1.2857142857vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_05 .suji-study-label {
          font-size: 4.7058823529vw; } }
    body.about .suji-box_05 .suji-study-human .suji-01 {
      color: #ff4caa; }
    body.about .suji-box_05 .suji-study-human .suji-img {
      margin: 0 auto;
      width: 56px;
      margin-bottom: 24px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_05 .suji-study-human .suji-img {
          width: 4vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_05 .suji-study-human .suji-img {
          width: 15.0980392157vw; } }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_05 .suji-study-human .suji-img {
          margin-bottom: 1.7142857143vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_05 .suji-study-human .suji-img {
          margin-bottom: 4.7058823529vw; } }
    body.about .suji-box_05 .suji-study-science .suji-01 {
      color: #00d2ff; }
    body.about .suji-box_05 .suji-study-science .suji-img {
      margin: 0 auto;
      width: 70px;
      margin-bottom: 26px; }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_05 .suji-study-science .suji-img {
          width: 5vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_05 .suji-study-science .suji-img {
          width: 18.8235294118vw; } }
      @media screen and (max-width: 1400px) {
        body.about .suji-box_05 .suji-study-science .suji-img {
          margin-bottom: 1.8571428571vw; } }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_05 .suji-study-science .suji-img {
          margin-bottom: 5.0980392157vw; } }
  body.about .suji-box_05 .suji-01 {
    font-size: 52px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_05 .suji-01 {
        font-size: 3.7142857143vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_05 .suji-01 {
        font-size: 14.1176470588vw; } }
  body.about .suji-box_05 .suji-02 {
    font-size: 26px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_05 .suji-02 {
        font-size: 1.8571428571vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_05 .suji-02 {
        font-size: 6.2745098039vw; } }
body.about .suji-box_06 .suji-01 {
  color: #82fa78;
  font-size: 112px; }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_06 .suji-01 {
      font-size: 8vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_06 .suji-01 {
      font-size: 31.3725490196vw; } }
body.about .suji-box_06 .suji-02 {
  font-size: 40px; }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_06 .suji-02 {
      font-size: 2.8571428571vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_06 .suji-02 {
      font-size: 10.5882352941vw; } }
body.about .suji-box_06 .suji-note {
  margin-top: -10px;
  font-size: 20px; }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_06 .suji-note {
      margin-top: -0.7142857143vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_06 .suji-note {
      margin-top: -1.9607843137vw; } }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_06 .suji-note {
      font-size: 1.4285714286vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_06 .suji-note {
      font-size: 3.9215686275vw; } }
body.about .suji-box_06 .suji-in::before {
  content: '';
  display: block;
  margin: 0 auto;
  background: url(../img/about/suji-ikuji.svg) center/contain no-repeat;
  width: 80px;
  height: 122px;
  margin-bottom: -40px; }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_06 .suji-in::before {
      width: 5.7142857143vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_06 .suji-in::before {
      width: 23.5294117647vw; } }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_06 .suji-in::before {
      height: 8.7142857143vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_06 .suji-in::before {
      height: 36.0784313725vw; } }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_06 .suji-in::before {
      margin-bottom: -2.8571428571vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_06 .suji-in::before {
      margin-bottom: -7.8431372549vw; } }
body.about .suji-box_07 {
  width: 100%;
  padding-top: 25px; }
  @media screen and (max-width: 1400px) {
    body.about .suji-box_07 {
      padding-top: 1.7857142857vw; } }
  @media screen and (max-width: 1020px) {
    body.about .suji-box_07 {
      padding-top: 0vw; } }
  body.about .suji-box_07 .suji-turnover-label {
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
    margin-top: 10px;
    font-size: 19px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_07 .suji-turnover-label {
        margin-top: 0.7142857143vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_07 .suji-turnover-label {
        margin-top: 0.3921568627vw; } }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_07 .suji-turnover-label {
        font-size: 1.3571428571vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_07 .suji-turnover-label {
        font-size: 4.3137254902vw; } }
  body.about .suji-box_07 .suji-turnover-number {
    text-align: right; }
  body.about .suji-box_07 .suji-01 {
    color: #82fa78;
    font-size: 90px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_07 .suji-01 {
        font-size: 6.4285714286vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_07 .suji-01 {
        font-size: 23.5294117647vw; } }
  body.about .suji-box_07 .suji-02 {
    font-size: 30px; }
    @media screen and (max-width: 1400px) {
      body.about .suji-box_07 .suji-02 {
        font-size: 2.1428571429vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_07 .suji-02 {
        font-size: 9.8039215686vw; } }
body.about .suji-box_08 {
  width: 100%; }
  body.about .suji-box_08 .suji-map {
    position: relative; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-map {
        display: flex;
        flex-wrap: wrap; } }
    body.about .suji-box_08 .suji-map-img {
      flex: 0 0 auto;
      width: 100%; }
      body.about .suji-box_08 .suji-map-img img {
        width: 100%; }
    body.about .suji-box_08 .suji-map-item {
      position: absolute;
      text-align: right; }
      @media screen and (max-width: 1020px) {
        body.about .suji-box_08 .suji-map-item {
          position: static;
          flex: 0 1 50%;
          padding: 10px;
          margin: 4px;
          max-width: calc(50% - 8px);
          text-align: center;
          background-color: #f6f6f6; } }
  body.about .suji-box_08 .suji-01 {
    font-size: 42px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-01 {
        font-size: 8.2352941176vw; } }
  body.about .suji-box_08 .suji-02 {
    font-size: 20px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-02 {
        font-size: 3.9215686275vw; } }
  body.about .suji-box_08 .suji-03 {
    letter-spacing: .09em;
    color: #595757;
    margin-right: 4px;
    font-size: 16px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-03 {
        margin-right: 0.7843137255vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-03 {
        font-size: 3.137254902vw; } }
  body.about .suji-box_08 .suji-hk {
    top: 194px;
    right: 0px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-hk {
        top: 0vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-hk {
        right: 35.2941176471vw; } }
    body.about .suji-box_08 .suji-hk .suji-01 {
      color: #61afff; }
  body.about .suji-box_08 .suji-tk {
    top: 358px;
    right: 110px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-tk {
        top: 70.1960784314vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-tk {
        right: 21.568627451vw; } }
    body.about .suji-box_08 .suji-tk .suji-01 {
      color: #5adcf2; }
  body.about .suji-box_08 .suji-cb {
    top: 294px;
    left: 371px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-cb {
        top: 57.6470588235vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-cb {
        left: 72.7450980392vw; } }
    body.about .suji-box_08 .suji-cb .suji-01 {
      color: #82fa78; }
  body.about .suji-box_08 .suji-kt {
    bottom: 120px;
    right: 178px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-kt {
        bottom: 23.5294117647vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-kt {
        right: 34.9019607843vw; } }
    body.about .suji-box_08 .suji-kt .suji-01 {
      color: #d4f97a; }
  body.about .suji-box_08 .suji-kk {
    bottom: 72px;
    left: 458px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-kk {
        bottom: 14.1176470588vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-kk {
        left: 89.8039215686vw; } }
    body.about .suji-box_08 .suji-kk .suji-01 {
      color: #ffe400; }
  body.about .suji-box_08 .suji-sk {
    bottom: 4px;
    left: 434px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-sk {
        bottom: 0.7843137255vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-sk {
        left: 85.0980392157vw; } }
    body.about .suji-box_08 .suji-sk .suji-01 {
      color: #eb68da; }
  body.about .suji-box_08 .suji-ck {
    bottom: 282px;
    left: 186px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-ck {
        bottom: 55.2941176471vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-ck {
        left: 36.4705882353vw; } }
    body.about .suji-box_08 .suji-ck .suji-01 {
      color: #ffa4b4; }
  body.about .suji-box_08 .suji-ks {
    bottom: 28px;
    left: 16px; }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-ks {
        bottom: 5.4901960784vw; } }
    @media screen and (max-width: 1020px) {
      body.about .suji-box_08 .suji-ks {
        left: 3.137254902vw; } }
    body.about .suji-box_08 .suji-ks .suji-01 {
      color: #9da6ea; }

body.vision .main-contents {
  padding-top: 120px;
  background-color: #ddd; }
body.vision .news-header-bg .bg-txt {
  fill: #ebebeb; }
body.vision .news-header__tag::before {
  border-color: transparent transparent #828281 transparent; }
body.vision .news-header__inner {
  position: relative;
  z-index: 0; }
  body.vision .news-header__inner::after {
    content: '';
    display: block;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: -1;
    width: 224px;
    height: 216px;
    background: url("../img/vision/img-02.svg") no-repeat center/contain; }
  @media screen and (max-width: 767px) {
    body.vision .news-header__inner::after {
      top: -20px; } }
@media screen and (max-width: 767px) {
  body.vision .news-header__title {
    letter-spacing: 0.08em; } }
body.vision .vision-box {
  position: relative; }
  @media screen and (max-width: 767px) {
    body.vision .vision-box {
      padding: 0 15px; } }
  body.vision .vision-box_02 {
    padding-bottom: 160px; }
    body.vision .vision-box_02::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 35%);
      display: block;
      width: 248px;
      height: 198px;
      background: url("../img/vision/img-03.svg") no-repeat center/contain; }
body.vision .vision-img {
  position: relative;
  margin-bottom: 50px; }
  body.vision .vision-img__text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    font-size: 62px;
    line-height: 1.5806451613;
    letter-spacing: 0.14em;
    margin-left: .5em; }
    @media screen and (max-width: 1020px) {
      body.vision .vision-img__text {
        font-size: calc((62/1020)*100vw); } }
    @media screen and (max-width: 767px) {
      body.vision .vision-img__text {
        font-size: calc((32/375)*100vw); } }
body.vision .vision-title {
  display: block;
  padding: 2px;
  margin: 0 auto 40px;
  width: 95%;
  max-width: 450px;
  text-align: center;
  background-color: #009966;
  letter-spacing: 0.075em;
  font-weight: bold;
  font-size: 25px;
  color: #fff; }
  @media screen and (max-width: 767px) {
    body.vision .vision-title {
      margin-bottom: 20px;
      font-size: 18px; } }
body.vision .vision-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  @media screen and (max-width: 767px) {
    body.vision .vision-list {
      display: block; } }
  body.vision .vision-list__item {
    flex: 0 0 auto;
    padding: 0 40px;
    width: 33.333334%;
    border-left: 1px currentColor solid; }
    body.vision .vision-list__item:first-child {
      border-left: 0; }
    body.vision .vision-list__item dt {
      margin-bottom: 30px;
      text-align: center;
      font-family: 'Noto Serif JP', serif;
      color: #009966;
      font-size: 30px; }
    body.vision .vision-list__item dd {
      letter-spacing: 0.075em; }
    body.vision .vision-list__item:nth-child(2) {
      padding: 0 45px; }
    @media screen and (max-width: 767px) {
      body.vision .vision-list__item {
        padding: 0 20px 20px;
        margin-bottom: 20px;
        border: 0;
        border-bottom: 1px currentColor solid;
        width: 100%; }
        body.vision .vision-list__item dt {
          margin-bottom: 16px; }
        body.vision .vision-list__item:nth-child(2) {
          padding: 0 20px 20px; } }
body.vision .mission-box {
  margin-top: 64px;
  padding: 74px;
  background-color: rgba(255, 255, 255, 0.4); }
  @media screen and (max-width: 767px) {
    body.vision .mission-box {
      margin: 30px -15px 0;
      padding: 40px 15px; } }
  body.vision .mission-box__lead {
    padding-bottom: 40px;
    margin: 74px 0 40px;
    border-bottom: 1px #333 solid;
    line-height: 2;
    letter-spacing: 0.07em;
    font-family: 'Noto Serif JP', serif;
    color: #009966;
    font-size: 30px;
    font-weight: 500; }
    @media screen and (max-width: 767px) {
      body.vision .mission-box__lead {
        margin: 20px 0;
        padding-bottom: 20px;
        letter-spacing: normal;
        font-size: 18px; }
        body.vision .mission-box__lead br {
          display: none; } }
body.vision .vision-white {
  padding-top: 216px;
  background-color: #fff; }
  body.vision .vision-white .archive-nav {
    margin-top: 0;
    margin-bottom: 116px; }
  @media screen and (max-width: 767px) {
    body.vision .vision-white {
      padding-top: 120px; }
      body.vision .vision-white .archive-nav {
        margin: 0 auto 40px; } }

body.industry p {
  letter-spacing: 0.03em; }
  @media screen and (max-width: 767px) {
    body.industry p {
      letter-spacing: 0; } }
body.industry .pc {
  display: block; }
  @media screen and (max-width: 767px) {
    body.industry .pc {
      display: none; } }
body.industry .sp {
  display: none; }
  @media screen and (max-width: 767px) {
    body.industry .sp {
      display: block; } }
@media screen and (max-width: 767px) {
  body.industry .news-header {
    margin-bottom: 0; } }
body.industry .main-contents {
  padding-top: 120px;
  background-color: #dfe5df; }
  @media screen and (max-width: 767px) {
    body.industry .main-contents .news-header .news-header__inner {
      padding: 20px 0 0px 40px; } }
  body.industry .main-contents .news-header .news-header-bg .bg-txt {
    fill: rgba(255, 255, 255, 0.4); }
  body.industry .main-contents .about-industry {
    padding: 0 15px; }
    body.industry .main-contents .about-industry .industry-box {
      display: flex;
      border-bottom: solid 1px #fff;
      padding: 60px 0 65px; }
      @media screen and (max-width: 767px) {
        body.industry .main-contents .about-industry .industry-box {
          display: block;
          padding: 50px 0px; } }
      body.industry .main-contents .about-industry .industry-box:last-child {
        border-bottom: none; }
      body.industry .main-contents .about-industry .industry-box .txt-box01 {
        margin-right: 60px;
        width: 450px;
        z-index: 1; }
        @media screen and (max-width: 767px) {
          body.industry .main-contents .about-industry .industry-box .txt-box01 {
            width: 100%; } }
        body.industry .main-contents .about-industry .industry-box .txt-box01 .industry-title {
          font-size: 25px;
          color: #fff;
          background: #00803e;
          padding: 0 20px;
          display: inline-block;
          text-align: center;
          box-shadow: 5px 5px #d4f97a;
          margin-bottom: 45px; }
          @media screen and (max-width: 767px) {
            body.industry .main-contents .about-industry .industry-box .txt-box01 .industry-title {
              margin-bottom: 30px; } }
      body.industry .main-contents .about-industry .industry-box .txt-box02 {
        width: 100%;
        padding-right: 0; }
      body.industry .main-contents .about-industry .industry-box .txt-box03 {
        width: 612px; }
        @media screen and (max-width: 767px) {
          body.industry .main-contents .about-industry .industry-box .txt-box03 {
            width: 100%; } }
      body.industry .main-contents .about-industry .industry-box .img-box01 {
        width: 510px;
        z-index: 1; }
        @media screen and (max-width: 767px) {
          body.industry .main-contents .about-industry .industry-box .img-box01 {
            width: 100%;
            height: 230px;
            margin-top: 30px; } }
      body.industry .main-contents .about-industry .industry-box .img-box02 {
        display: flex;
        margin-top: 70px;
        align-items: center; }
        @media screen and (max-width: 767px) {
          body.industry .main-contents .about-industry .industry-box .img-box02 {
            width: 100%;
            display: block;
            margin-top: 50px;
            text-align: center; } }
        @media screen and (max-width: 767px) {
          body.industry .main-contents .about-industry .industry-box .img-box02 .figure02 {
            margin-top: 50px; } }
        body.industry .main-contents .about-industry .industry-box .img-box02 .figure03 {
          margin-left: 10px;
          text-align: right; }
          @media screen and (max-width: 767px) {
            body.industry .main-contents .about-industry .industry-box .img-box02 .figure03 {
              margin-top: 20px;
              margin-left: 0; } }
      body.industry .main-contents .about-industry .industry-box .img-box03 {
        width: 350px; }
        @media screen and (max-width: 767px) {
          body.industry .main-contents .about-industry .industry-box .img-box03 {
            width: 100%; } }
        @media screen and (max-width: 767px) {
          body.industry .main-contents .about-industry .industry-box .img-box03 .figure04 {
            margin-top: 20px; } }
    body.industry .main-contents .about-industry .industry-box2 {
      display: block; }
  body.industry .main-contents .about-white {
    padding-top: 116px;
    background-color: #fff;
    margin-top: 70px; }
    @media screen and (max-width: 767px) {
      body.industry .main-contents .about-white {
        padding-top: 80px;
        margin-top: 50px; } }
    body.industry .main-contents .about-white .archive-nav {
      margin-top: 0;
      margin-bottom: 120px; }
      @media screen and (max-width: 767px) {
        body.industry .main-contents .about-white .archive-nav {
          margin-bottom: 0; } }

[data-emergence=hidden] {
  opacity: 0;
  transform: translateY(10px); }

[data-emergence=visible] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .6s ease, transform .6s ease; }

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