/*! Writen  by SCSS */
.sec_ttl span {
  color: #fff; }

@media screen and (max-width: 480px) {
  .sec_ttl_wrap.midashi {
    margin-bottom: 40px; } }

.img_cap.no_shadow.black .cap {
  text-shadow: none !important; }

.ttl_in {
  margin-bottom: clamp(15px, 3.334vw, 40px);
  display: flex;
  flex-direction: column;
  row-gap: clamp(10px, 1.667vw, 20px); }

.sec_en_ttl {
  font-size: clamp(30px, 3.334vw, 40px);
  color: #c9bc9c;
  letter-spacing: 0.1em;
  line-height: 1.11; }
  @media screen and (max-width: 480px) {
    .sec_en_ttl {
      font-size: 7vw; } }

.read {
  font-size: clamp(12px, 1.072vw, 15px);
  color: #fff;
  line-height: 2.67;
  letter-spacing: 0.1em; }

.sec01 {
  background: rgba(0, 0, 0, 0.4); }
  .sec01 .sec01_wrap {
    flex-wrap: wrap;
    row-gap: clamp(40px, 5vw, 60px);
    padding-bottom: clamp(40px, 5.834vw, 70px); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap {
        flex-wrap: wrap;
        row-gap: 30px;
        padding-bottom: 0; } }
    .sec01 .sec01_wrap .img {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .img {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .img.img02 {
          order: 1; } }
    .sec01 .sec01_wrap .text_wrap {
      text-align: center; }

.sec02 {
  padding: clamp(80px, 9.167vw, 110px) 0 clamp(80px, 10vw, 120px); }
  @media screen and (max-width: 768px) {
    .sec02 {
      padding: 50px 0 80px; } }
  .sec02 .sec02_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .sec02 .sec02_wrap {
        flex-wrap: wrap;
        width: 100%;
        text-align: center; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap {
        margin-bottom: 0; } }
    @media screen and (max-width: 768px) {
      .sec02 .sec02_wrap .text_wrap {
        margin-bottom: 30px; } }
    .sec02 .sec02_wrap .text_wrap .sec_ttl span {
      font-size: clamp(20px, 2vw, 24px);
      letter-spacing: 0.15em; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .text_wrap .sec_ttl span {
          font-size: 18px; } }
    .sec02 .sec02_wrap .img {
      position: relative;
      z-index: 2; }
      .sec02 .sec02_wrap .img::after {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.2);
        z-index: -1; }
  .sec02 .sec02_wrap01 {
    margin-bottom: clamp(60px, 10vw, 120px);
    column-gap: 1.67%;
    justify-content: flex-end; }
    @media screen and (max-width: 768px) {
      .sec02 .sec02_wrap01 {
        width: calc(100% - 40px);
        margin-inline: auto;
        justify-content: center; } }
    .sec02 .sec02_wrap01 .text_wrap {
      /*@include mq(1600){
      	width: 34%;
      }
      @include mq($br_tb){
      	width: 100%;
      	
      }*/ }
      @media screen and (max-width: 768px) {
        .sec02 .sec02_wrap01 .text_wrap {
          margin-inline: auto; } }
      .sec02 .sec02_wrap01 .text_wrap .read {
        letter-spacing: 0; }
    .sec02 .sec02_wrap01 .img {
      width: 62.5%; }
      @media screen and (max-width: 768px) {
        .sec02 .sec02_wrap01 .img {
          width: 100%; } }
      .sec02 .sec02_wrap01 .img img {
        width: 100%; }
      .sec02 .sec02_wrap01 .img::after {
        transform: translate(-8px, 8px); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap01 .img::after {
            transform: translate(-5px, 5px); } }
  .sec02 .sec02_wrap02 {
    flex-direction: row-reverse; }
    .sec02 .sec02_wrap02 .text_wrap {
      width: 47.09%;
      margin-right: -4.6%; }
      @media screen and (max-width: 1300px) {
        .sec02 .sec02_wrap02 .text_wrap {
          margin-right: -10px; } }
      @media screen and (max-width: 768px) {
        .sec02 .sec02_wrap02 .text_wrap {
          width: 100%;
          margin-right: 0; } }
    .sec02 .sec02_wrap02 .img {
      width: 51.67%;
      max-width: 620px; }
      @media screen and (max-width: 768px) {
        .sec02 .sec02_wrap02 .img {
          width: 100%;
          margin-inline: auto; } }
      .sec02 .sec02_wrap02 .img::after {
        transform: translate(8px, 8px); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap02 .img::after {
            transform: translate(5px, 5px); } }

.ls_02 {
  letter-spacing: -0.02em !important; }

.ls_04 {
  letter-spacing: -0.04em !important; }

.ls_06 {
  letter-spacing: -0.06em !important; }

.ls_08 {
  letter-spacing: -0.08em !important; }

.ls_1 {
  letter-spacing: -0.1em !important; }

@media screen and (max-width: 768px) {
  .ls06_tb {
    letter-spacing: -0.06em !important; } }
@media screen and (max-width: 480px) {
  .ls02_sp {
    letter-spacing: -0.02em !important; }

  .ls04_sp {
    letter-spacing: -0.04em !important; }

  .ls06_sp {
    letter-spacing: -0.06em !important; }

  .ls08_sp {
    letter-spacing: -0.08em !important; }

  .ls1_sp {
    letter-spacing: -0.1em !important; } }

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