/*! Writen  by SCSS */
.sec01 .main_img {
  aspect-ratio: 1600/738;
  background-image: url("../images/support/main.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  border: 0px solid; }
  @media screen and (max-width: 480px) {
    .sec01 .main_img {
      aspect-ratio: 600/960;
      background-position: center top;
      padding: 0;
      margin: 0;
      vertical-align: baseline;
      height: fit-content; } }
.sec01 .main_text {
  width: 40.69%; }
  @media screen and (max-width: 480px) {
    .sec01 .main_text {
      width: 67%; } }

.lead {
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 2; }
  @media screen and (max-width: 480px) {
    .lead {
      font-size: 12px;
      line-height: 1.8; } }

.sec02 {
  padding-top: clamp(80px, 10%, 120px); }
  .sec02 .inner {
    max-width: 1150px; }
    .sec02 .inner .support_head {
      font-size: clamp(12px, 1.34vw, 16px);
      display: flex;
      align-items: baseline;
      border-bottom: 1px solid;
      line-height: 1;
      margin-bottom: clamp(50px, 6.67%, 80px); }
      @media screen and (max-width: 480px) {
        .sec02 .inner .support_head {
          flex-direction: column;
          align-items: center;
          text-align: center;
          border-bottom: none; } }
      .sec02 .inner .support_head .text_en {
        width: 43.57%;
        line-height: 0;
        border-bottom: 4px solid;
        padding-bottom: 0.37em; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .support_head .text_en {
            width: 100%;
            border-bottom: 2px solid;
            padding-bottom: 15px;
            margin-bottom: 10px; } }
      .sec02 .inner .support_head .text_jp {
        padding-left: 1.8em;
        padding-bottom: 0.5em; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .support_head .text_jp {
            padding-left: 0;
            padding-bottom: 0; } }

.support_list {
  margin-top: clamp(50px, 6.67%, 80px);
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(30px, 4.35vw, 50px) 3.04%; }
  @media screen and (max-width: 480px) {
    .support_list {
      grid-template-columns: 1fr;
      gap: 25px 0; } }
  .support_list .item .item_head {
    display: flex;
    align-items: center;
    gap: 1em;
    font-size: clamp(15px, 1.68vw, 20px);
    line-height: 1.4;
    margin-bottom: 1em; }
    .support_list .item .item_head .icon {
      width: 3em;
      line-height: 0; }
  .support_list .item .item_text {
    font-size: clamp(12px, 1.26vw, 15px);
    line-height: 1.6; }
  .support_list .item.item_last {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid;
    border-bottom: 1px solid; }

.sec02_wide_image {
  margin-top: clamp(80px, 10%, 120px); }
  .sec02_wide_image img {
    width: 100%; }

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