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

.ttl_wrap {
  padding: 80px 0 80px;
  text-align: center; }
  @media screen and (max-width: 1230px) {
    .ttl_wrap {
      padding: calc(80vw / 12.3) 0 calc(80vw / 12.3); } }
  @media screen and (max-width: 480px) {
    .ttl_wrap {
      padding: 40px 0 40px; } }
  .ttl_wrap .p_ttl {
    font-size: clamp(30px, calc(50vw / 12.7), 50px);
    letter-spacing: 0.3em;
    line-height: 1;
    color: #342b29;
    margin-bottom: 0.3em;
    padding: 0 20px;
    position: relative; }
    @media screen and (max-width: 480px) {
      .ttl_wrap .p_ttl {
        font-size: calc(30vw / 3.9); } }
    .ttl_wrap .p_ttl::after {
      content: "";
      position: absolute;
      bottom: 0.14em;
      left: 0;
      width: 100%;
      height: 1px;
      background: #000000; }
  .ttl_wrap .p_sub {
    font-size: clamp(12px, calc(16vw / 12.7), 16px);
    letter-spacing: 0.3em;
    line-height: 1;
    color: #342b29;
    margin-bottom: 3em; }
    @media screen and (max-width: 480px) {
      .ttl_wrap .p_sub {
        font-size: calc(14vw / 3.9); } }

.sec_main {
  font-size: clamp(16px, calc(29vw / 12.7), 29px);
  letter-spacing: 0.3em;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 1em; }
  @media screen and (max-width: 480px) {
    .sec_main {
      font-size: calc(19vw / 3.9); } }

.sec_ttl {
  font-size: clamp(16px, calc(30vw / 12.7), 30px);
  letter-spacing: 0.3em;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 1em; }
  @media screen and (max-width: 480px) {
    .sec_ttl {
      letter-spacing: 0.15em;
      font-size: calc(18vw / 3.9); }
      .sec_ttl.sp_s {
        font-size: calc(17vw / 3.9); } }

.sec_lead {
  font-size: clamp(12px, calc(19vw / 12.7), 19px);
  letter-spacing: 0.08em;
  font-weight: 400;
  line-height: 2; }
  @media screen and (max-width: 480px) {
    .sec_lead {
      font-size: calc(13vw / 3.9); } }

.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; } }

header {
  transition: all 0.3s ease-in-out; }
  body.scrolled header {
    background: rgba(0, 0, 0, 0.4); }

div.header .logo span {
  transition: all 0.3s ease-in-out; }
  body.scrolled div.header .logo span {
    color: #fff; }
body.scrolled div.header .nav_btn::before {
  border: solid 1px #fff;
  opacity: 1; }
body.nav_open div.header .nav_btn::before {
  border: solid 1px #fff;
  opacity: 1; }
  @media screen and (max-width: 767px) {
    body.nav_open div.header .nav_btn::before {
      border: solid 1px #000;
      opacity: 0.9; } }
body.scrolled div.header .nav_btn hr {
  background: #fff; }
body.nav_open div.header .nav_btn hr {
  background: #fff; }
  @media screen and (max-width: 767px) {
    body.nav_open div.header .nav_btn hr {
      background: #222; } }
body.scrolled div.header .nav_btn .hamb_txt {
  color: #fff; }
body.nav_open div.header .nav_btn .hamb_txt {
  color: #fff; }
  @media screen and (max-width: 767px) {
    body.nav_open div.header .nav_btn .hamb_txt {
      color: #222; } }

@media screen and (max-width: 480px) {
  .f_nav_wrap {
    padding: 0; } }

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