/*! Writen  by SCSS */
@media screen and (max-width: 480px) {
  .main .cap01 {
    bottom: auto;
    top: 0;
    right: auto;
    left: 0;
    color: #fff !important;
    text-shadow: none !important; } }

.contarea {
  overflow: hidden; }

.ttl_en {
  color: #0075c2;
  font-size: clamp(32px, calc(50vw / 16), 50px);
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0.6em; }
  @media screen and (max-width: 480px) {
    .ttl_en {
      font-size: calc(27vw / 3.9); } }

.sec0 {
  margin-bottom: 0;
  padding: 80px 0 50px;
  max-width: 100%;
  padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    .sec0 {
      padding: 30px 0 0px; } }
  .sec0 .inner {
    max-width: 1380px; }

@media (min-width: 768px) {
  .msn-headlineCopy {
    margin-bottom: 2.2rem; } }
@media (max-width: 767px) {
  .msn-headlineCopy {
    margin-bottom: 2.5rem; } }

@media screen and (max-width: 480px) {
  .swipe2 img {
    width: 900px;
    max-width: 900px; } }

@media screen and (max-width: 480px) {
  .swipe1 img {
    width: 600px;
    max-width: 600px; } }

.sec01 {
  margin-bottom: 100px;
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 35px; } }
  .sec01 .inner {
    display: block; }
  .sec01 .img {
    margin-inline: auto; }
    .sec01 .img.img01 {
      max-width: 900px; }
  @media screen and (max-width: 480px) {
    .sec01 .img01 {
      width: 100%; } }
  .sec01 .img02 {
    max-width: 1170px;
    max-width: 1270px;
    margin-inline: auto; }
    @media screen and (max-width: 480px) {
      .sec01 .img02 .cap {
        bottom: auto;
        top: 0; } }
  .sec01 .img03 {
    max-width: 1115px;
    margin-top: clamp(-190px, -15.83%, -30px); }
    @media screen and (max-width: 480px) {
      .sec01 .img03 {
        margin-inline: -90px;
        width: calc(100% + 180px); } }
    .sec01 .img03 .cap {
      right: 13.96%;
      bottom: 7.73%; }
      @media screen and (max-width: 480px) {
        .sec01 .img03 .cap {
          bottom: 30px;
          right: 90px; } }
  @media screen and (max-width: 480px) {
    .sec01 .text_wrap01 {
      padding: 0;
      width: calc(100% - 40px);
      margin-inline: auto; } }

.sec02 {
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec02 {
      margin-bottom: 80px; } }
  .sec02 .inner {
    max-width: 900px; }
  @media screen and (max-width: 480px) {
    .sec02 .msn-headlineCopy .txt01 {
      font-size: calc(15vw / 3.9); } }
  .sec02 .item_wrap {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec02 .item_wrap {
        flex-direction: column;
        row-gap: 35px; } }
    .sec02 .item_wrap .item {
      width: 31.12%;
      display: flex;
      flex-direction: column;
      row-gap: clamp(12px, 1.25vw, 15px); }
      @media screen and (max-width: 480px) {
        .sec02 .item_wrap .item {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .sec02 .item_wrap .item .img {
          aspect-ratio: 413/195;
          width: 100%;
          height: 100%; }
          .sec02 .item_wrap .item .img img {
            width: 100%;
            height: 100%;
            object-fit: cover; } }
      .sec02 .item_wrap .item .ttl_en {
        font-size: clamp(14px, calc(20vw / 9), 20px);
        text-align: center;
        margin-bottom: 0;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 480px) {
          .sec02 .item_wrap .item .ttl_en {
            font-size: calc(16vw / 3.9); } }
      .sec02 .item_wrap .item .txt {
        font-size: clamp(12px, 1.667vw, 15px);
        line-height: 1.6; }
        @media screen and (max-width: 480px) {
          .sec02 .item_wrap .item .txt {
            font-size: calc(13vw / 3.9); } }

.ls03 {
  letter-spacing: -0.03em !important; }

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