/*! Writen  by SCSS */
.breadlist {
  display: none; }

.ttl_wrap {
  padding: 200px 0 80px;
  text-align: center; }
  @media screen and (max-width: 860px) {
    .ttl_wrap {
      padding: calc(200vw / 8.6) 0 calc(80vw / 8.6); } }
  @media screen and (max-width: 480px) {
    .ttl_wrap {
      padding: 80px 0 40px; } }
  .ttl_wrap img {
    margin: 0 auto; }
  .ttl_wrap .ttl {
    margin-bottom: 110px; }
    @media screen and (max-width: 480px) {
      .ttl_wrap .ttl {
        margin-bottom: 50px; } }
  .ttl_wrap .main_copy {
    font-size: clamp(23px, calc(33vw / 12), 33px);
    letter-spacing: 0.28em;
    line-height: 1.8;
    margin-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .ttl_wrap .main_copy {
        font-size: clamp(15px, calc(23vw / 4.8), 23px);
        letter-spacing: 0.2em;
        line-height: 1.6;
        margin-bottom: 25px;
        margin-right: -20px;
        margin-left: -20px; } }
  .ttl_wrap .main_read {
    font-size: clamp(13px, calc(18vw / 12), 18px);
    letter-spacing: 0.05em;
    line-height: 2.3; }
    @media screen and (max-width: 480px) {
      .ttl_wrap .main_read {
        margin-right: -20px;
        margin-left: -20px; } }

.sec_ttl {
  font-size: clamp(17px, calc(23vw / 12), 23px);
  letter-spacing: 0.5em;
  font-weight: 500;
  line-height: 1.2;
  color: #928173; }

.sec_sub {
  font-size: clamp(15px, calc(33vw / 12), 33px);
  font-size: clamp(17px, calc(33vw / 12), 33px);
  letter-spacing: 0.3em;
  font-feature-settings: "palt";
  line-height: 1.6; }
  @media screen and (max-width: 480px) {
    .sec_sub {
      letter-spacing: 0.22em; } }
  @media screen and (max-width: 375px) {
    .sec_sub {
      letter-spacing: 0.8; } }

.sec_read {
  /*font-size: clamp(13px, calc(15vw / 12), 15px);
  letter-spacing: 0.1em;
  line-height: 2.53;*/
  font-size: clamp(13px, calc(18vw / 12), 18px);
  letter-spacing: 0.05em;
  line-height: 2.3;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 375px) {
    .sec_read {
      letter-spacing: 0; } }

.s_ttl,
.s_main,
.s_read,
.c_ttl,
.c_read {
  margin-left: auto;
  margin-right: auto; }

.c_ttl {
  font-size: clamp(16px, calc(19vw / 12), 19px);
  letter-spacing: 0.2em;
  font-feature-settings: "palt";
  line-height: 1.8; }
  @media screen and (max-width: 375px) {
    .c_ttl {
      letter-spacing: 0.8; } }

.c_read {
  font-size: clamp(13px, calc(15vw / 12), 15px);
  line-height: 2;
  letter-spacing: 0.12em;
  /*font-size: clamp(12px, calc(13vw / 12), 13px);
  letter-spacing: 0.08em;
  line-height: 2.4;*/
  font-feature-settings: "palt"; }
  @media screen and (max-width: 375px) {
    .c_read {
      letter-spacing: 0.04; } }

.c_text {
  font-size: clamp(12px, calc(13vw / 12), 13px);
  line-height: 2;
  letter-spacing: 0.12em;
  font-feature-settings: "palt"; }

.ta_c img {
  margin: 0 auto; }

@media screen and (max-width: 767px) {
  .ta_c_sp img {
    margin: 0 auto; } }

.float_wrap {
  position: fixed;
  bottom: 15px;
  left: 30px;
  z-index: 99; }
  @media screen and (max-width: 767px) {
    .float_wrap {
      left: 15px;
      bottom: 60px; } }
  .float_wrap .float {
    position: relative;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .float_wrap .float {
        gap: 5px; } }
  .float_wrap .md_box .icon {
    position: absolute;
    bottom: 0;
    bottom: calc(6% / 3.72);
    right: 50%;
    transform: translateX(50%);
    z-index: 101;
    height: 1.8em;
    width: 9.6em;
    font-size: clamp(7px, calc(14vh / 10), 14px); }
    @media screen and (max-width: 480px) {
      .float_wrap .md_box .icon {
        font-size: calc(9vw / 3.9);
        height: 1.5em;
        width: 8.5em; } }
    .float_wrap .md_box .icon p {
      background: #a5040d;
      animation: blinking 0.8s ease-in-out infinite alternate;
      display: flex;
      width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-family: "EB Garamond",serif;
      letter-spacing: 0.15em;
      line-height: 1; }
  .float_wrap .md_box .cl {
    position: absolute;
    top: -30px;
    left: 48%;
    width: 24px;
    cursor: pointer; }
    @media screen and (max-width: 480px) {
      .float_wrap .md_box .cl {
        top: -20px;
        left: 44%;
        width: 18px; } }
  .float_wrap.float1 {
    max-width: 310px;
    width: 34.4444444444vh; }
    @media screen and (max-width: 480px) {
      .float_wrap.float1 {
        width: 42%; }
        .float_wrap.float1 .first {
          width: 80%; } }
    .float_wrap.float1 a {
      display: block;
      position: relative; }
    .float_wrap.float1 .first {
      width: 70.97%;
      margin-inline: auto; }
      .float_wrap.float1 .first .icon {
        bottom: calc(24% / 2.2);
        width: 7.6em; }
        @media screen and (max-width: 480px) {
          .float_wrap.float1 .first .icon {
            width: 7em; } }
  .float_wrap.float2 {
    max-width: 282px;
    width: 23.5%; }
    @media screen and (max-width: 480px) {
      .float_wrap.float2 {
        width: 45%; } }
  .float_wrap.float3 {
    max-width: 370px;
    width: 30.84%; }
    @media screen and (max-width: 480px) {
      .float_wrap.float3 {
        width: 50%; } }

@keyframes blinking {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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