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

.inner_main {
  position: relative;
  overflow: hidden; }
  .inner_main .bg {
    position: relative;
    overflow: hidden;
    opacity: 0;
    filter: blur(20px);
    transition: filter 2s ease, opacity 1s ease; }
    body.mloaded .inner_main .bg {
      opacity: 1;
      filter: blur(0); }
    .inner_main .bg img {
      filter: brightness(1.5) grayscale(1);
      transform: scale(1.05);
      transition: filter 2.4s ease 1s, transform 2s ease; }
      body.mloaded .inner_main .bg img {
        filter: brightness(1) grayscale(0);
        transform: scale(1); }

.inner {
  max-width: 1140px;
  width: calc(100% - 40px);
  margin: 0 auto; }

.page_ttl {
  font-size: clamp(16px, calc(22vw / 16), 22px);
  font-weight: 600;
  font-weight: 400;
  color: #595757;
  letter-spacing: 0.8em;
  letter-spacing: 0.05em;
  margin-bottom: 5em;
  padding-top: 5em;
  position: relative;
  text-align: center; }
  .page_ttl::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 4.8em;
    background: #161519; }
  @media screen and (max-width: 767px) {
    .page_ttl {
      margin-bottom: 3em;
      padding-top: 3em; }
      .page_ttl::after {
        height: 2.8em; } }

.sec_ttl_ja {
  font-size: clamp(16px, calc(23vw / 11.8), 23px);
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-bottom: 1.6em;
  font-weight: 400;
  color: #555; }
  @media screen and (max-width: 767px) {
    .sec_ttl_ja {
      font-feature-settings: "palt";
      letter-spacing: 0.05em; } }
  @media screen and (max-width: 480px) {
    .sec_ttl_ja {
      font-size: calc(16vw / 3.9); } }

.sec_read {
  font-size: clamp(12px, calc(16vw / 11.82), 16px);
  letter-spacing: 0.08em;
  color: #555;
  line-height: 2.3;
  font-weight: 400; }
  @media screen and (max-width: 480px) {
    .sec_read {
      font-size: calc(12vw / 3.9); } }

.sec_read2 {
  font-size: clamp(12px, calc(15vw / 11.8), 15px);
  letter-spacing: 0.08em;
  color: #555;
  line-height: 1.9;
  font-weight: 400; }
  @media screen and (max-width: 480px) {
    .sec_read2 {
      font-size: calc(12vw / 3.9); } }

.sec_sub {
  font-size: clamp(15px, calc(20vw / 11.8), 20px);
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-bottom: 0.4em;
  font-weight: 400;
  color: #555; }
  @media screen and (max-width: 767px) {
    .sec_sub {
      font-feature-settings: "palt";
      letter-spacing: 0.05em; } }
  @media screen and (max-width: 480px) {
    .sec_sub {
      font-size: calc(15vw / 3.9); } }

.page_ttl_wrap .ttl_wrap {
  margin-bottom: 180px; }
  @media screen and (max-width: 767px) {
    .page_ttl_wrap .ttl_wrap {
      margin-bottom: 50px; } }

.ttl_wrap {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .ttl_wrap {
      display: block;
      text-align: center; } }
  .ttl_wrap .ttl {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .ttl_wrap .ttl p {
      width: fit-content; }
    @media screen and (max-width: 767px) {
      .ttl_wrap .ttl {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        text-align: center; }
        .ttl_wrap .ttl p {
          width: 100%; } }
  .ttl_wrap .txt {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .ttl_wrap .txt {
        width: 100%; } }

.ttl1 {
  text-align: center;
  font-size: clamp(18px, calc(32vw / 11.8), 32px);
  font-size: clamp(18px, calc(28vw / 11.8), 28px);
  color: #007373;
  color: #333;
  line-height: 1.2; }
  @media screen and (max-width: 480px) {
    .ttl1 {
      font-size: calc(20vw / 3.9);
      font-size: calc(19vw / 3.9); } }
  .ttl1 .ja {
    display: block;
    font-weight: 600;
    font-weight: 400;
    letter-spacing: 0.08em;
    margin-inline: auto; }
  .ttl1 .en {
    display: block;
    font-weight: 500;
    font-weight: 300;
    margin-inline: auto; }

.ttl2 {
  font-size: clamp(16px, calc(26vw / 10.9), 26px);
  font-size: clamp(16px, calc(22vw / 10.9), 22px);
  letter-spacing: 0.15em;
  line-height: 1.6;
  font-weight: 600;
  font-weight: 400;
  color: #007373;
  color: #333; }
  @media screen and (max-width: 480px) {
    .ttl2 {
      font-size: calc(20vw / 3.9);
      font-size: calc(19vw / 3.9); } }

.ttl3 {
  font-size: clamp(12px, calc(18vw / 11.8), 18px);
  font-size: clamp(12px, calc(16vw / 11.8), 16px);
  letter-spacing: 0.05em;
  line-height: 2.3;
  line-height: 2.1;
  font-weight: 600;
  font-weight: 400; }
  @media screen and (max-width: 480px) {
    .ttl3 {
      font-size: calc(14vw / 3.9); } }

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

.ta_c img {
  margin: 0 auto; }

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

sup {
  font-size: 40%;
  letter-spacing: -0.03em;
  display: inline-block;
  transform: translate(-0.2em, -0.2em); }

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