/*! Writen  by SCSS */
/*@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

.jost {
	font-family: "Jost", sans-serif;
}*/
.main {
  position: relative; }
  .main .img {
    overflow: hidden; }
    .main .img .gd {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: calc(230vw / 16);
      background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); }
  .main .inn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*opacity: 0;
    transition: all 1s ease-in-out;*/
    pointer-events: none; }
    @media screen and (max-width: 480px) {
      .main .inn {
        bottom: 5.5%; } }
    .main .inn .inner {
      height: 100%;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      pointer-events: none; }
      .main .inn .inner .en {
        width: 100%;
        text-align: right; }
      .main .inn .inner .p_ttl {
        margin-bottom: 0; }
        @media screen and (max-width: 480px) {
          .main .inn .inner .p_ttl {
            display: flex;
            flex-direction: column-reverse; } }
  .main .p_ttl {
    font-size: 72px;
    color: #333333;
    letter-spacing: 0.05em;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 1em; }
    .main .p_ttl .ja {
      display: block;
      font-size: 35%; }
    @media screen and (max-width: 767px) {
      .main .p_ttl {
        font-size: calc(70vw / 7.67); } }
    @media screen and (max-width: 480px) {
      .main .p_ttl {
        font-size: calc(42vw / 4.8);
        text-shadow: 0 0 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #FFF; } }

.inner {
  max-width: 960px;
  width: calc(100% - 40px);
  margin-inline: auto; }
  .inner.w1060 {
    max-width: 1060px; }
  .inner.w1080 {
    max-width: 1080px; }
  .inner.w1080 {
    max-width: 1080px; }
  .inner.w1160 {
    max-width: 1160px; }
  .inner.w1250 {
    max-width: 1250px; }
  .inner.w1280 {
    max-width: 1280px; }
  .inner.w1360 {
    max-width: 1360px; }
  .inner.w1600 {
    max-width: 1600px; }

.s_wrap {
  margin-bottom: 0;
  padding: 70px 0 6.25rem; }
  @media screen and (max-width: 480px) {
    .s_wrap {
      padding: 40px 0 5rem; } }

.txt01 {
  font-size: clamp(14px, calc(22vw / 9.6), 22px);
  font-size: clamp(14px, calc(23vw / 12), 23px);
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.6;
  color: #333;
  font-feature-settings: "palt"; }
  .txt01.c1 {
    color: #8e7100; }
  @media screen and (max-width: 480px) {
    .txt01 {
      font-size: calc(16vw / 3.9); } }
  .txt01.l2 {
    font-size: clamp(14px, calc(28vw / 12), 28px); }
    @media screen and (max-width: 480px) {
      .txt01.l2 {
        font-size: calc(19vw / 3.9); } }
  .txt01.l3 {
    font-size: clamp(14px, calc(34vw / 12), 34px); }
    @media screen and (max-width: 480px) {
      .txt01.l3 {
        font-size: calc(22vw / 3.9);
        letter-spacing: 0.1em; } }
  .txt01 .s {
    font-size: 70%; }

.txt011 {
  font-size: clamp(14px, calc(22vw / 9.6), 22px);
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.6;
  color: #333;
  font-feature-settings: "palt"; }
  .txt011.c1 {
    color: #8e7100; }
  @media screen and (max-width: 480px) {
    .txt011 {
      font-size: calc(16vw / 3.9); } }

.txt02 {
  font-size: clamp(12px, calc(17vw / 12), 17px);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.9;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 480px) {
    .txt02 {
      font-size: calc(14vw / 3.9); } }

.txt03 {
  font-size: clamp(10px, calc(15vw / 12), 15px);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 480px) {
    .txt03 {
      font-size: calc(12vw / 3.9); } }

.zoom img {
  max-width: 200px; }

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