@charset "UTF-8";
@import url(../css/reset.css);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: calc(100vw / 39); }

body {
  position: relative;
  background-color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  color: #000;
  word-wrap: break-word;
  overflow-wrap: break-word;
  z-index: 1; }
@-moz-document url-prefix() {}
a {
  text-decoration: none;
  outline: 0 solid transparent;
  color: inherit;
  transition: all 0.3s; }
  a.btn {
    display: block;
    height: 6.4rem;
    border-radius: 1rem;
    text-align: center;
    font-weight: 700;
    line-height: 6.4rem; }
  a.ext::after {
    content: "";
    display: inline-block;
    position: relative;
    top: 1.1953%;
    width: 1.347rem;
    height: 1.347rem;
    aspect-ratio: 1;
    background-image: url("../img/icon_ext-bk.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; }
  a.list {
    width: min(100%, 27rem);
    background-color: #fff;
    border: 0.2rem solid #2C462F;
    font-size: .9375em;
    color: #2C462F; }
    a.list::after {
      content: "";
      display: inline-block;
      position: relative;
      top: 1.1953%;
      width: 1.347rem;
      height: 1.347rem;
      aspect-ratio: 1;
      margin-left: 1em;
      background-image: url("../img/icon_list-gr.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
    a.list:hover {
      border-color: #E8CB53;
      background-color: #E8CB53; }
  a.sbsc {
    background-color: #E8CB53;
    font-size: .9375em; }
    a.sbsc span {
      margin: 0 .5em;
      font-size: .8666em;
      font-weight: 700; }

.drawer--top button.drawer-hamburger {
  right: 0;
  width: 6.5rem;
  height: 6.5rem;
  padding: 0;
  background-color: #fff; }
  .drawer--top button.drawer-hamburger .sr-only {
    top: 54.0153%;
    left: 50%;
    transform: translateX(-50%);
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
    font-size: 1.1rem;
    color: #383838; }
  .drawer--top button.drawer-hamburger .drawer-hamburger-icon {
    width: 3.1rem;
    height: .1rem;
    margin: -1.35rem auto 0;
    background-color: transparent; }
    .drawer--top button.drawer-hamburger .drawer-hamburger-icon::before, .drawer--top button.drawer-hamburger .drawer-hamburger-icon::after {
      height: .1rem;
      background-color: #383838; }
    .drawer--top button.drawer-hamburger .drawer-hamburger-icon::before {
      top: 0; }
    .drawer--top button.drawer-hamburger .drawer-hamburger-icon::after {
      top: .8rem; }
.drawer--top nav.drawer-nav {
  z-index: -1;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 12.9rem 3em;
  background-color: #2C462F;
  transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  .drawer--top nav.drawer-nav .sitename {
    width: 18.829rem; }
    .drawer--top nav.drawer-nav .sitename img {
      aspect-ratio: 188.29 / 23.1;
      width: 100%;
      object-fit: contain; }
  .drawer--top nav.drawer-nav ul.drawer-menu {
    margin-top: 6rem; }
    .drawer--top nav.drawer-nav ul.drawer-menu .drawer-menu-item {
      padding: 0;
      color: #fff; }
      .drawer--top nav.drawer-nav ul.drawer-menu .drawer-menu-item a {
        display: block;
        font-size: 1.9rem;
        font-weight: 700;
        line-height: 3em; }
  .drawer--top nav.drawer-nav .drawer-bottom {
    margin-top: 2.9rem; }
    .drawer--top nav.drawer-nav .drawer-bottom .sns {
      display: flex; }
      .drawer--top nav.drawer-nav .drawer-bottom .sns a {
        display: block;
        width: 2.8rem;
        height: 2.8rem;
        aspect-ratio: 1;
        margin-right: 1.5em;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap; }
        .drawer--top nav.drawer-nav .drawer-bottom .sns a.fb {
          background-image: url("../img/icon_fb-wh.svg"); }
        .drawer--top nav.drawer-nav .drawer-bottom .sns a.inst {
          background-image: url("../img/icon_inst-wh.svg"); }
    .drawer--top nav.drawer-nav .drawer-bottom .subscription {
      margin-top: 3em; }

.drawer--top.drawer-open button.drawer-hamburger .drawer-hamburger-icon::before {
  transform: rotate(25deg);
  top: .8rem; }
.drawer--top.drawer-open button.drawer-hamburger .drawer-hamburger-icon::after {
  transform: rotate(-25deg); }
.drawer--top.drawer-open nav.drawer-nav {
  z-index: 3;
  opacity: 1;
  transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.drawer--top.drawer-open .drawer-overlay {
  z-index: 2;
  background-color: rgba(250, 250, 240, 0.6); }

header {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 6.7rem;
  padding: 1.5em 0 0 1.5em;
  background-color: #fff; }
  header .header-logo {
    display: block;
    width: 14.823rem; }
    header .header-logo img {
      width: 100%;
      aspect-ratio: 148.23 / 18.18;
      object-fit: contain; }

main {
  position: relative;
  z-index: 1;
  margin-top: 6.7rem; }
  main section {
    position: relative;
    padding-top: 6.7rem;
    margin-top: -6.7rem; }
    main section .section-title {
      position: relative;
      font-size: 2.625em;
      font-weight: 700; }
      main section .section-title span {
        display: block;
        font-weight: 700; }
      main section .section-title .en {
        font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
        font-size: .3333em;
        font-weight: 400; }
    main section .anker-box {
      position: relative;
      z-index: 1;
      background-repeat: no-repeat;
      background-size: contain; }
      main section .anker-box.bg-gr, main section .anker-box.bg-wh {
        color: #fff; }
        main section .anker-box.bg-gr::before, main section .anker-box.bg-gr::after, main section .anker-box.bg-wh::before, main section .anker-box.bg-wh::after {
          content: "";
          display: block;
          position: absolute;
          background-repeat: no-repeat; }
        main section .anker-box.bg-gr::before, main section .anker-box.bg-wh::before {
          top: max(calc(-37/390*100vw), -8.77rem);
          left: 0;
          z-index: 1;
          width: calc(180.79/390*100vw);
          max-width: 41.3rem;
          height: calc(42.77/390*100vw);
          aspect-ratio: 180.79 / 42.77;
          background-size: contain; }
        main section .anker-box.bg-gr::after, main section .anker-box.bg-wh::after {
          top: -3rem;
          left: 0;
          z-index: 2;
          width: 100%;
          height: 3rem; }
      main section .anker-box.bg-gr {
        background-color: #2C462F; }
        main section .anker-box.bg-gr::before {
          background-image: url("../img/illust_mt1.svg"); }
        main section .anker-box.bg-gr::after {
          background-image: linear-gradient(to bottom right, transparent 50%, #2C462F 50%); }
        main section .anker-box.bg-gr .inner {
          background-color: #2C462F; }
      main section .anker-box.bg-wh {
        background-color: #fff;
        color: #000; }
        main section .anker-box.bg-wh::before {
          background-image: url("../img/illust_mt1-wh.svg"); }
        main section .anker-box.bg-wh::after {
          background-image: linear-gradient(to bottom right, transparent 50%, #fff 50%); }
        main section .anker-box.bg-wh .inner {
          background-color: #fff; }
    main section .inner {
      position: relative;
      z-index: 3;
      width: calc(100% - 3em);
      margin: 0 auto; }
      main section .inner::before, main section .inner::after {
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain; }
  main .frame {
    width: calc(100% - 1.5em);
    margin: 0 auto; }
  main .page-header {
    position: relative;
    width: 100%;
    height: calc(100vw*.5512);
    aspect-ratio: 390 / 215;
    background-image: url("../img/page-header_bgimg-sp.webp");
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      main .page-header {
        background-image: url("../img/page-header_bgimg-sp@2x.webp"); } }
    main .page-header::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #2C462F;
      mix-blend-mode: overlay; }
    main .page-header .page-title {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      font-size: 2.5em;
      font-weight: 700;
      letter-spacing: .04em;
      text-align: center;
      color: #fff; }
      main .page-header .page-title .en {
        display: block;
        margin-bottom: 1.5em;
        font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
        font-size: .35em;
        letter-spacing: .06em; }
  main .wrap {
    width: calc(100% - 3em);
    margin: 1em auto 0; }
    main .wrap .breadcrumb {
      display: inline-flex;
      margin-bottom: 4.5em;
      flex-wrap: wrap;
      font-size: .75em;
      line-height: 1.5em; }
      main .wrap .breadcrumb li {
        display: inline-block; }
        main .wrap .breadcrumb li + li {
          margin-left: .5em; }
          main .wrap .breadcrumb li + li::before {
            content: ">";
            display: inline-block;
            margin-right: .5em; }
    main .wrap h3.block-title {
      margin-bottom: 1em;
      padding: .4em 0;
      border-bottom: 0.2rem solid #2C462F;
      font-size: 1.25em;
      font-weight: 700;
      color: #2C462F; }
    main .wrap .organization {
      margin-bottom: 4em; }
      main .wrap .organization dl {
        display: grid;
        grid-template-columns: 4em 1fr;
        grid-gap: 2em;
        padding: 1.5em 1em;
        border-bottom: 0.1rem solid #d2d8d3;
        font-size: .875em;
        line-height: 1.5em; }
        main .wrap .organization dl dt {
          text-align: center; }
    main .wrap .concept p {
      width: calc(100% - 2em);
      margin: 1em auto;
      line-height: 2.5em; }
    main .wrap article {
      max-width: 90.4rem;
      margin: 0 auto;
      padding-bottom: 5em; }
      main .wrap article .info-header .date,
      main .wrap article .interview-header .date {
        font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
        font-size: .875em;
        color: #677769; }
      main .wrap article .info-header .title,
      main .wrap article .interview-header .title {
        margin-top: 1rem;
        font-size: 1.625em;
        font-weight: 700;
        line-height: 1.5384em;
        color: #2C462F; }
      main .wrap article .info-header .name,
      main .wrap article .interview-header .name {
        margin-top: 2.6875em;
        font-weight: 700; }
      main .wrap article .info-body,
      main .wrap article .interview-body {
        margin-top: 2em; }
        main .wrap article .info-body h3,
        main .wrap article .interview-body h3 {
          margin: 2em 0 .5em;
          font-size: 1.375em;
          font-weight: 700;
          line-height: 1.6363em;
          color: #2C462F; }
        main .wrap article .info-body h4,
        main .wrap article .interview-body h4 {
          margin: 3em 0 1em;
          padding-bottom: .5em;
          border-bottom: 0.1rem solid #2C462F;
          font-size: 1.125em;
          font-weight: 700;
          line-height: 1.6666em;
          color: #2C462F; }
        main .wrap article .info-body p,
        main .wrap article .interview-body p {
          line-height: 1.875em; }
          main .wrap article .info-body p + p,
          main .wrap article .interview-body p + p {
            margin-top: 1em; }
        main .wrap article .info-body a,
        main .wrap article .interview-body a {
          color: #C35625; }
        main .wrap article .info-body img,
        main .wrap article .interview-body img {
          display: block;
          width: 100%;
          margin: 1em auto; }
    main .wrap .services-list .services-list-item:first-of-type {
      padding-top: 0; }
    main .wrap .info-list .list-item,
    main .wrap .interview-list .list-item {
      display: block; }
      main .wrap .info-list .list-item:hover .thum img,
      main .wrap .interview-list .list-item:hover .thum img {
        transform: scale(1.1, 1.1); }
      main .wrap .info-list .list-item:hover .txt,
      main .wrap .interview-list .list-item:hover .txt {
        text-decoration: underline; }
      main .wrap .info-list .list-item .thum,
      main .wrap .interview-list .list-item .thum {
        width: 100%;
        height: calc((100vw - 3em)*.6432);
        aspect-ratio: 342 / 220;
        overflow: hidden; }
        main .wrap .info-list .list-item .thum img,
        main .wrap .interview-list .list-item .thum img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all .3s; }
      main .wrap .info-list .list-item .txt,
      main .wrap .interview-list .list-item .txt {
        margin-top: 1rem; }
        main .wrap .info-list .list-item .txt .title,
        main .wrap .interview-list .list-item .txt .title {
          font-weight: 700;
          line-height: 1.75em; }
        main .wrap .info-list .list-item .txt .name,
        main .wrap .interview-list .list-item .txt .name {
          margin-top: 1em;
          font-size: .875em;
          font-weight: 700;
          line-height: 1.5em; }
        main .wrap .info-list .list-item .txt .date,
        main .wrap .interview-list .list-item .txt .date {
          margin-top: .5em;
          font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
          font-size: .75em;
          color: #677769; }
      main .wrap .info-list .list-item + .list-item,
      main .wrap .interview-list .list-item + .list-item {
        margin-top: 2.5em; }
    main .wrap .pager {
      margin-top: 5em; }
      main .wrap .pager ul {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap; }
        main .wrap .pager ul li {
          padding: 0 0.5em;
          line-height: 2em; }
          main .wrap .pager ul li + li {
            margin-left: 1rem; }
          main .wrap .pager ul li.is-current {
            color: #2C462F;
            text-decoration: underline; }
    main .wrap .privacy-policy,
    main .wrap .scta,
    main .wrap .terms,
    main .wrap .qa,
    main .wrap .usage {
      padding-bottom: 2em;
      border-bottom: 0.1rem solid #677769; }
      main .wrap .privacy-policy a,
      main .wrap .scta a,
      main .wrap .terms a,
      main .wrap .qa a,
      main .wrap .usage a {
        color: #E8CB53; }
      main .wrap .privacy-policy h2,
      main .wrap .scta h2,
      main .wrap .terms h2,
      main .wrap .qa h2,
      main .wrap .usage h2 {
        margin-bottom: 0.6em;
        font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
        font-weight: 700;
        line-height: 1.2em; }
      main .wrap .privacy-policy p,
      main .wrap .scta p,
      main .wrap .terms p,
      main .wrap .qa p,
      main .wrap .usage p {
        padding-left: 1em;
        text-indent: -1em;
        line-height: 1.6em; }
        main .wrap .privacy-policy p + h2,
        main .wrap .scta p + h2,
        main .wrap .terms p + h2,
        main .wrap .qa p + h2,
        main .wrap .usage p + h2 {
          margin-top: 3.6rem; }
        main .wrap .privacy-policy p:nth-of-type(1),
        main .wrap .scta p:nth-of-type(1),
        main .wrap .terms p:nth-of-type(1),
        main .wrap .qa p:nth-of-type(1),
        main .wrap .usage p:nth-of-type(1) {
          text-indent: 0;
          padding-left: 0; }
      main .wrap .privacy-policy ol,
      main .wrap .scta ol,
      main .wrap .terms ol,
      main .wrap .qa ol,
      main .wrap .usage ol {
        list-style-type: none;
        counter-reset: itemNum;
        padding-left: 1em; }
        main .wrap .privacy-policy ol li,
        main .wrap .scta ol li,
        main .wrap .terms ol li,
        main .wrap .qa ol li,
        main .wrap .usage ol li {
          margin-bottom: 0.5em;
          padding-left: 1.5em;
          text-indent: -1.5em;
          font-weight: 400;
          line-height: 1.2em; }
          main .wrap .privacy-policy ol li::before,
          main .wrap .scta ol li::before,
          main .wrap .terms ol li::before,
          main .wrap .qa ol li::before,
          main .wrap .usage ol li::before {
            counter-increment: itemNum;
            content: "(" counter(itemNum) ")"; }
          main .wrap .privacy-policy ol li ol,
          main .wrap .scta ol li ol,
          main .wrap .terms ol li ol,
          main .wrap .qa ol li ol,
          main .wrap .usage ol li ol {
            margin-top: 1em;
            padding-left: 0.5em;
            counter-reset: itemFig; }
            main .wrap .privacy-policy ol li ol li,
            main .wrap .scta ol li ol li,
            main .wrap .terms ol li ol li,
            main .wrap .qa ol li ol li,
            main .wrap .usage ol li ol li {
              padding-left: 1em;
              text-indent: -1em; }
              main .wrap .privacy-policy ol li ol li::before,
              main .wrap .scta ol li ol li::before,
              main .wrap .terms ol li ol li::before,
              main .wrap .qa ol li ol li::before,
              main .wrap .usage ol li ol li::before {
                counter-increment: itemFig;
                content: counter(itemFig,katakana);
                padding-right: 0.5em; }
        main .wrap .privacy-policy ol + h2,
        main .wrap .scta ol + h2,
        main .wrap .terms ol + h2,
        main .wrap .qa ol + h2,
        main .wrap .usage ol + h2 {
          margin-top: 4.8rem; }
      main .wrap .privacy-policy ul,
      main .wrap .scta ul,
      main .wrap .terms ul,
      main .wrap .qa ul,
      main .wrap .usage ul {
        padding-left: 1em;
        padding-bottom: 8rem; }
        main .wrap .privacy-policy ul li,
        main .wrap .scta ul li,
        main .wrap .terms ul li,
        main .wrap .qa ul li,
        main .wrap .usage ul li {
          line-height: 1.2em;
          font-family: "Gurmukhi MN", "Times New Roman", sans-serif; }
      main .wrap .privacy-policy dl dt,
      main .wrap .scta dl dt,
      main .wrap .terms dl dt,
      main .wrap .qa dl dt,
      main .wrap .usage dl dt {
        font-size: .8375em;
        font-weight: 700;
        line-height: 1.6em; }
      main .wrap .privacy-policy dl dd,
      main .wrap .scta dl dd,
      main .wrap .terms dl dd,
      main .wrap .qa dl dd,
      main .wrap .usage dl dd {
        font-size: .875em;
        line-height: 1.6em; }
      main .wrap .privacy-policy dl + dl,
      main .wrap .scta dl + dl,
      main .wrap .terms dl + dl,
      main .wrap .qa dl + dl,
      main .wrap .usage dl + dl {
        margin-top: 1em; }
      main .wrap .privacy-policy strong,
      main .wrap .scta strong,
      main .wrap .terms strong,
      main .wrap .qa strong,
      main .wrap .usage strong {
        font-weight: 700;
        font-size: .875em;
        color: #2C462F; }
      main .wrap .privacy-policy figcaption,
      main .wrap .scta figcaption,
      main .wrap .terms figcaption,
      main .wrap .qa figcaption,
      main .wrap .usage figcaption {
        font-size: .75em; }
      main .wrap .privacy-policy .map-box,
      main .wrap .scta .map-box,
      main .wrap .terms .map-box,
      main .wrap .qa .map-box,
      main .wrap .usage .map-box {
        position: relative;
        width: 100%;
        max-width: 80rem;
        height: 0;
        padding-top: min(75%, 50rem); }
        main .wrap .privacy-policy .map-box iframe,
        main .wrap .scta .map-box iframe,
        main .wrap .terms .map-box iframe,
        main .wrap .qa .map-box iframe,
        main .wrap .usage .map-box iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    main .wrap .terms p {
      padding-left: 0;
      text-indent: 1em; }
    main .wrap .terms ul {
      list-style: disc;
      margin-top: .5em;
      padding-left: 1.2em; }
      main .wrap .terms ul.square {
        list-style: none; }
        main .wrap .terms ul.square li {
          position: relative;
          text-indent: -1.2em; }
          main .wrap .terms ul.square li::before {
            content: "";
            display: inline-block;
            width: .7em;
            height: .7em;
            margin-right: .5em;
            background-color: #000;
            border: 0.1rem solid #000; }
      main .wrap .terms ul.white li::before {
        background-color: #fff; }
      main .wrap .terms ul li {
        line-height: 1.6em; }
        main .wrap .terms ul li + li {
          margin-top: .5em; }
    main .wrap .qa dl {
      margin-top: 3em;
      padding-left: 1em; }
      main .wrap .qa dl dt {
        font-size: 1em;
        text-indent: -0.6em;
        padding-left: .2em; }
        main .wrap .qa dl dt::before {
          content: "◎";
          display: inline-block;
          margin-right: .2em; }
      main .wrap .qa dl dd {
        padding-left: .2em;
        font-size: 1em; }
      main .wrap .qa dl + dl {
        margin-top: 1.5em; }
    main .wrap .usage h2:nth-of-type(n+1) {
      margin-top: 2em; }
    main .wrap .usage ul {
      padding-left: 0; }
  main .services-list .services-list-item {
    padding: 3em 0;
    border-bottom: 0.1rem solid #677769; }
    main .services-list .services-list-item .thum-gallery {
      margin-bottom: 2em; }
    main .services-list .services-list-item .txt .service-title {
      margin-bottom: .5416em;
      font-size: 1.5em;
      font-weight: 700;
      line-height: 1.25em;
      color: #2C462F; }
      main .services-list .services-list-item .txt .service-title span {
        display: block;
        margin-bottom: .25em;
        font-size: .5833em;
        line-height: 1;
        color: #677769; }
    main .services-list .services-list-item .txt .service-detail {
      margin-bottom: 2em;
      line-height: 1.625em; }
    main .services-list .services-list-item .txt .ext {
      background-color: #2C462F;
      color: #fff; }
      main .services-list .services-list-item .txt .ext::after {
        margin-left: 1em;
        background-image: url("../img/icon_ext-wh.svg"); }
      main .services-list .services-list-item .txt .ext.link {
        color: #E8CB53; }
        main .services-list .services-list-item .txt .ext.link::after {
          background-image: url("../img/icon_link-yl.svg"); }
  main .info-footer {
    margin: 3em auto; }
    main .info-footer .anker-box.bg-gr::before {
      top: 0;
      left: 52.9333%;
      margin-top: -5.412rem; }
    main .info-footer .anker-box .inner {
      width: calc(100% - 5em);
      padding: 3em 0; }
      main .info-footer .anker-box .inner::before {
        content: "";
        top: -6.85rem;
        left: -.8rem;
        z-index: 3;
        width: 5.628rem;
        height: 6.85rem;
        aspect-ratio: 56.28 / 68.5;
        background-image: url("../img/illust_trees3.svg"); }
      main .info-footer .anker-box .inner .btn {
        width: min(100%, 30rem);
        margin: 0 auto;
        background-color: #fff;
        color: #000; }
  main .interview-footer {
    margin-top: 3em; }
    main .interview-footer .anker-box.bg-gr {
      padding-bottom: 4em; }
      main .interview-footer .anker-box.bg-gr::before {
        top: 0;
        left: 52.9333%;
        margin-top: -5.412rem; }
    main .interview-footer .anker-box .inner {
      width: calc(100% - 5em);
      padding-top: 3em; }
      main .interview-footer .anker-box .inner::before {
        content: "";
        top: -6.85rem;
        left: -.8rem;
        z-index: 3;
        width: 5.628rem;
        height: 6.85rem;
        aspect-ratio: 56.28 / 68.5;
        background-image: url("../img/illust_trees3.svg"); }
      main .interview-footer .anker-box .inner .interview-person dt {
        width: 16.8rem;
        height: 16.8rem;
        aspect-ratio: 1;
        margin: 0 auto 2em;
        border-radius: 50%;
        overflow: hidden; }
        main .interview-footer .anker-box .inner .interview-person dt img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      main .interview-footer .anker-box .inner .interview-person dd .interview-name {
        font-weight: 700;
        text-align: center; }
      main .interview-footer .anker-box .inner .interview-person dd .interview-person-detail {
        margin-top: 1em;
        line-height: 1.875em; }
      main .interview-footer .anker-box .inner .btn {
        width: min(100%, 30rem);
        margin: 4em auto 0;
        background-color: #fff;
        color: #000; }
      main .interview-footer .anker-box .inner .fee-link {
        margin: 3.5em auto 0;
        padding: 5em 0 10em;
        border-top: 0.1rem solid #677769; }
        main .interview-footer .anker-box .inner .fee-link .section-title {
          font-size: 2em;
          font-weight: 700;
          letter-spacing: .04em;
          text-align: center; }
          main .interview-footer .anker-box .inner .fee-link .section-title .en {
            margin-bottom: 1em;
            font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
            font-size: .4375em; }
        main .interview-footer .anker-box .inner .fee-link .btn {
          margin-top: 3em; }
  main .mv {
    position: relative;
    height: calc((100vw - 1.5em)*1.6);
    aspect-ratio: 366 / 585;
    background-image: url("../img/mv_bgimg-sp.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      main .mv {
        background-image: url("../img/mv_bgimg-sp@2x.webp"); } }
    main .mv.camp, main .mv.yokagura, main .mv.livecooking, main .mv.hiking {
      height: calc((100vw - 1.5em)*3.1874);
      max-height: 122.659rem;
      aspect-ratio: 366 / 1166.59; }
      main .mv.camp .mv-title, main .mv.yokagura .mv-title, main .mv.livecooking .mv-title, main .mv.hiking .mv-title {
        top: 17.5%; }
        main .mv.camp .mv-title h1, main .mv.yokagura .mv-title h1, main .mv.livecooking .mv-title h1, main .mv.hiking .mv-title h1 {
          font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
          font-size: 2.5em;
          letter-spacing: .06em;
          font-weight: 700; }
          main .mv.camp .mv-title h1 span, main .mv.yokagura .mv-title h1 span, main .mv.livecooking .mv-title h1 span, main .mv.hiking .mv-title h1 span {
            display: block;
            font-weight: 700;
            letter-spacing: .17em; }
    main .mv.hiking .mv-title span:nth-of-type(2) {
      letter-spacing: .1em; }
    main .mv.camp {
      background-image: url("../img/mv_bgimg-camp-sp.webp"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        main .mv.camp {
          background-image: url("../img/mv_bgimg-camp-sp@2x.webp"); } }
    main .mv.yokagura {
      background-image: url("../img/mv_bgimg-yokagura-sp.webp"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        main .mv.yokagura {
          background-image: url("../img/mv_bgimg-yokagura-sp@2x.webp"); } }
    main .mv.livecooking {
      background-image: url("../img/mv_bgimg-livecooking-sp.webp"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        main .mv.livecooking {
          background-image: url("../img/mv_bgimg-livecooking-sp@2x.webp"); } }
    main .mv.hiking {
      background-image: url("../img/mv_bgimg-hiking-sp.webp"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        main .mv.hiking {
          background-image: url("../img/mv_bgimg-hiking-sp@2x.webp"); } }
    main .mv::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(#fff, #1e221e 86%);
      mix-blend-mode: overlay;
      filter: opacity(0.7);
      pointer-events: none; }
    main .mv .mv-title {
      position: absolute;
      top: 38.2949%;
      left: 1.5em;
      width: 30rem;
      filter: drop-shadow(0 0.3rem 2rem rgba(0, 0, 0, 0.58)); }
      main .mv .mv-title h1 {
        margin-bottom: .55em;
        font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
        font-size: 2em;
        font-weight: 700;
        line-height: 1.35em;
        letter-spacing: .06em; }
        main .mv .mv-title h1 span {
          display: block;
          letter-spacing: .04em;
          font-weight: 400;
          font-feature-settings: "palt"; }
      main .mv .mv-title h5 {
        font-size: 1.25em;
        font-weight: 700;
        letter-spacing: .17em; }
    main .mv .mv-trial,
    main .mv .mv-contact,
    main .mv .mv-subscription {
      display: block;
      position: absolute;
      right: 1.663rem;
      top: 47.0962%;
      width: 13.887rem;
      height: 13.887rem;
      aspect-ratio: 1;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      border-radius: 50%; }
      main .mv .mv-trial:hover,
      main .mv .mv-contact:hover,
      main .mv .mv-subscription:hover {
        background-image: url("../img/mv-subscription_border-hov.svg"); }
      main .mv .mv-trial a.ext,
      main .mv .mv-contact a.ext,
      main .mv .mv-subscription a.ext {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        font-size: .8125em;
        font-weight: 700;
        line-height: 1.3076em;
        letter-spacing: .08em;
        text-align: center;
        color: #2C462F; }
        main .mv .mv-trial a.ext::after,
        main .mv .mv-contact a.ext::after,
        main .mv .mv-subscription a.ext::after {
          display: block;
          width: 9.7645%;
          aspect-ratio: 1; }
    main .mv .mv-trial {
      top: calc(47.0962% - 13.887rem - 1em);
      background-image: url("../img/mv-trial_border.svg"); }
      main .mv .mv-trial a.ext {
        padding-top: 55%;
        background-image: url("../img/illust_tent.svg");
        background-position: top 20% center;
        background-repeat: no-repeat;
        background-size: 40% auto;
        letter-spacing: .04em;
        color: #fff; }
        main .mv .mv-trial a.ext::after {
          background-image: url("../img/icon_ext-wh.svg");
          margin: 7.0625% auto 0; }
    main .mv .mv-contact,
    main .mv .mv-subscription {
      background-image: url("../img/mv-subscription_border.svg"); }
      main .mv .mv-contact a.ext,
      main .mv .mv-subscription a.ext {
        padding-top: 60%;
        background-repeat: no-repeat; }
        main .mv .mv-contact a.ext::after,
        main .mv .mv-subscription a.ext::after {
          background-image: url("../img/icon_ext-gr.svg");
          margin: 2% auto 0; }
    main .mv .mv-contact.yokagura {
      background-image: url("../img/mv-contact_border.svg"); }
      main .mv .mv-contact.yokagura a.ext {
        padding-top: 60%;
        background-image: url("../img/illust_yokagura.svg");
        background-position: top 20% center;
        background-size: 60% auto; }
    main .mv .mv-contact.livecooking a.ext {
      padding-top: 60%;
      background-image: url("../img/illust_contact-livecooking.svg");
      background-position: top 26% center;
      background-size: 58% auto; }
    main .mv .mv-contact.hiking a.ext {
      padding-top: 50%;
      background-image: url("../img/illust_contact-hiking.svg");
      background-position: top 20% center;
      background-size: 66% auto; }
    main .mv .mv-subscription a.ext {
      background-image: url("../img/illust_man5.svg");
      background-position: top 20% center;
      background-size: 22% auto; }
    main .mv .mv-description {
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      position: absolute;
      top: 65.1951%;
      left: 3.7rem;
      width: calc(100% - 7.45rem);
      writing-mode: vertical-rl; }
      main .mv .mv-description h2 {
        font-size: 1.3125em;
        font-weight: 700;
        filter: drop-shadow(0 0.3rem 2.6rem rgba(23, 29, 24, 0.9)); }
        main .mv .mv-description h2 span {
          padding-bottom: .6rem;
          font-weight: 700; }
      main .mv .mv-description p {
        margin-left: -1em;
        font-size: .875em;
        font-weight: 700;
        line-height: 2em;
        text-orientation: upright;
        filter: drop-shadow(0 0.3rem 2.5rem #3c2424); }
  main #Information .anker-box,
  main #Takachiho .anker-box {
    padding-bottom: 1em; }
  main #Information .inner,
  main #Takachiho .inner {
    width: calc(100% - 4em);
    padding-top: 4.75em;
    background-color: #2C462F; }
    main #Information .inner::after,
    main #Takachiho .inner::after {
      content: "";
      top: max(calc(-61.64/390*100vw), -23.328rem);
      right: -1em;
      z-index: 2;
      width: calc((82.23/390)*100vw);
      max-width: 16.446rem;
      height: calc((79.28/390)*100vw);
      height: 15.856rem;
      aspect-ratio: 82.23 / 79.28;
      background-image: url("../img/illust_trees1.svg"); }
    main #Information .inner .section-title,
    main #Takachiho .inner .section-title {
      font-size: 2em;
      line-height: 1.3125em; }
      main #Information .inner .section-title .en,
      main #Takachiho .inner .section-title .en {
        margin-bottom: 2.4rem;
        font-size: .4375em;
        line-height: 1; }
    main #Information .inner p,
    main #Takachiho .inner p {
      margin-top: 1.5em;
      line-height: 2.5em; }
    main #Information .inner .takachiho-map,
    main #Takachiho .inner .takachiho-map {
      position: relative;
      z-index: 4;
      margin-top: 2.657rem;
      text-align: center; }
      main #Information .inner .takachiho-map img,
      main #Takachiho .inner .takachiho-map img {
        width: 59.5976%; }
  main #Information .anker-box {
    padding-bottom: 5em; }
  main #Information .inner {
    padding-top: 0; }
    main #Information .inner .section-title {
      left: 42.8205%;
      padding: 5rem 0 5.6rem;
      writing-mode: vertical-rl; }
      main #Information .inner .section-title .en {
        margin: .1em 0 0 .85em;
        letter-spacing: .06em;
        text-orientation: sideways; }
  main #Information .info-list {
    max-width: 64rem;
    margin: 0 auto 4rem; }
    main #Information .info-list .list-item {
      padding: 1.5em 0;
      border-top: 0.1rem solid #677769; }
      main #Information .info-list .list-item a {
        display: grid;
        grid-template-columns: 5em 1fr;
        grid-column-gap: 1em; }
        main #Information .info-list .list-item a .date {
          font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
          line-height: 1.625em;
          letter-spacing: .01em; }
        main #Information .info-list .list-item a .title {
          font-feature-settings: "palt";
          line-height: 1.625em;
          letter-spacing: .03em; }
      main #Information .info-list .list-item:last-child {
        border-bottom: 0.1rem solid #677769; }
  main #Information .btn.list {
    margin: 0 auto; }
  main #Parallax,
  main #Parallax2 {
    position: relative;
    background-repeat: no-repeat;
    background-size: auto calc(100vh - 6.7rem);
    height: 0%;
    padding-top: min(100vh, 75%); }
    main #Parallax::before, main #Parallax::after,
    main #Parallax2::before,
    main #Parallax2::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 3rem; }
    main #Parallax::before,
    main #Parallax2::before {
      top: 0;
      background-image: linear-gradient(to top left, transparent 50%, #2C462F 51%); }
    main #Parallax::after,
    main #Parallax2::after {
      bottom: 0;
      background-image: linear-gradient(to bottom right, transparent 50%, #fff 51%); }
  main #Parallax {
    background-image: url("../img/parallax.webp");
    background-position-x: 45%;
    background-position-y: 90%; }
  main #Parallax2 {
    background-image: url("../img/parallax2.webp");
    background-position-x: 60%;
    background-position-y: 80%; }
  main #Services .anker-box,
  main #Features .anker-box {
    background-image: url("../img/features_bgimg.svg");
    background-position: top 27.25rem center; }
  main #Services .inner,
  main #Features .inner {
    padding: 21.8rem 0 9.2rem;
    max-width: 50rem; }
    main #Services .inner::before, main #Services .inner::after,
    main #Features .inner::before,
    main #Features .inner::after {
      content: "";
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain; }
    main #Services .inner::before,
    main #Features .inner::before {
      top: 0;
      left: 28.7307%;
      width: 9.431rem;
      height: 11.621rem;
      aspect-ratio: 94.31 / 116.21;
      background-image: url("../img/illust_trees2.svg"); }
    main #Services .inner::after,
    main #Features .inner::after {
      top: 5.7rem;
      left: 59.1102%;
      width: 4.743rem;
      height: 12.104rem;
      aspect-ratio: 47.43 / 121.04;
      background-image: url("../img/illust_man1.svg"); }
    main #Services .inner .section-title,
    main #Features .inner .section-title {
      left: 43.0769%;
      height: 8.5em;
      color: #2C462F;
      writing-mode: vertical-rl;
      text-orientation: upright; }
      main #Services .inner .section-title .en,
      main #Features .inner .section-title .en {
        margin-left: .5em;
        text-orientation: sideways; }
      main #Services .inner .section-title .sub,
      main #Features .inner .section-title .sub {
        margin-left: .6rem;
        font-size: .4285em;
        font-weight: 700; }
      main #Services .inner .section-title::before,
      main #Features .inner .section-title::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 3.2rem;
        z-index: -1;
        left: calc((-29/390)*100vw);
        width: calc((112.39/390)*100vw);
        max-width: 16.136rem;
        height: calc((98.19/390)*100vw);
        max-height: 14.097rem;
        aspect-ratio: 112.39 / 98.19;
        background-image: url("../img/illust_tent.svg");
        background-repeat: no-repeat;
        background-size: contain; }
    main #Services .inner .features .features-item,
    main #Features .inner .features .features-item {
      position: relative; }
      main #Services .inner .features .features-item img,
      main #Features .inner .features .features-item img {
        width: 100%; }
      main #Services .inner .features .features-item dl,
      main #Features .inner .features .features-item dl {
        margin-top: 1.5em; }
        main #Services .inner .features .features-item dl dt h3,
        main #Features .inner .features .features-item dl dt h3 {
          font-size: 2em;
          font-weight: 700;
          line-height: 1.5em;
          letter-spacing: .04em;
          color: #2C462F; }
        main #Services .inner .features .features-item dl dd,
        main #Features .inner .features .features-item dl dd {
          margin-top: 1em;
          line-height: 1.875em; }
          main #Services .inner .features .features-item dl dd span,
          main #Features .inner .features .features-item dl dd span {
            display: block;
            margin: .8571em 0 0 1em;
            font-size: .875em;
            line-height: 1.7142em;
            text-indent: -1em; }
      main #Services .inner .features .features-item:nth-child(1) dl dt,
      main #Features .inner .features .features-item:nth-child(1) dl dt {
        width: calc(2em * 9 * 1.05); }
      main #Services .inner .features .features-item:nth-child(2),
      main #Features .inner .features .features-item:nth-child(2) {
        margin-top: 2em;
        padding-top: 8.54rem; }
        main #Services .inner .features .features-item:nth-child(2)::before, main #Services .inner .features .features-item:nth-child(2)::after,
        main #Features .inner .features .features-item:nth-child(2)::before,
        main #Features .inner .features .features-item:nth-child(2)::after {
          content: "";
          display: block;
          position: absolute;
          background-repeat: no-repeat;
          background-size: contain; }
        main #Services .inner .features .features-item:nth-child(2)::before,
        main #Features .inner .features .features-item:nth-child(2)::before {
          top: 4.359rem;
          left: 50%;
          transform: translateX(-50%);
          width: 20.469rem;
          height: 4.509rem;
          aspect-ratio: 204.69 / 45.09;
          background-image: url("../img/illust_mt2.svg"); }
        main #Services .inner .features .features-item:nth-child(2)::after,
        main #Features .inner .features .features-item:nth-child(2)::after {
          top: 0;
          left: 59.1023%;
          width: 3.397rem;
          height: 8.54rem;
          aspect-ratio: 33.97 / 85.4;
          background-image: url("../img/illust_man2.svg"); }
        main #Services .inner .features .features-item:nth-child(2) dl,
        main #Features .inner .features .features-item:nth-child(2) dl {
          position: relative; }
          main #Services .inner .features .features-item:nth-child(2) dl::before,
          main #Features .inner .features .features-item:nth-child(2) dl::before {
            content: "";
            display: block;
            position: absolute;
            top: -10.165rem;
            right: -1.25rem;
            width: 4.169rem;
            height: 10.965rem;
            aspect-ratio: 41.69 / 109.65;
            background-image: url("../img/illust_man3.svg");
            background-repeat: no-repeat;
            background-size: contain; }
      main #Services .inner .features .features-item:nth-child(3),
      main #Features .inner .features .features-item:nth-child(3) {
        margin-top: 2em;
        padding-top: 6.481rem; }
        main #Services .inner .features .features-item:nth-child(3)::before,
        main #Features .inner .features .features-item:nth-child(3)::before {
          content: "";
          display: block;
          position: absolute;
          background-repeat: no-repeat;
          background-size: contain;
          top: 0;
          right: 0;
          width: 5.325rem;
          height: 6.481rem;
          aspect-ratio: 53.25 / 64.81;
          background-image: url("../img/illust_trees3.svg"); }
        main #Services .inner .features .features-item:nth-child(3) dl dt,
        main #Features .inner .features .features-item:nth-child(3) dl dt {
          width: calc(2em * 10 * 1.05); }
  main #Services .anker-box {
    background-position: top 10.58rem center; }
  main #Services .inner {
    padding-top: 4em;
    max-width: none; }
    main #Services .inner::before, main #Services .inner::after {
      display: none; }
  main #Services .services-list {
    border-top: 0.1rem solid #677769; }
    main #Services .services-list .services-list-item:first-child {
      position: relative; }
      main #Services .services-list .services-list-item:first-child::before {
        content: "";
        display: block;
        position: absolute;
        top: max(calc(-84.13/390*100vw), -16.5rem);
        right: 0;
        width: calc((58.64/390)*100vw);
        max-width: 11.728rem;
        height: calc((102.5/390)*100vw);
        aspect-ratio: 58.64/102.5;
        background-image: url("../img/illust_man4.svg");
        background-repeat: no-repeat;
        background-size: contain; }
    main #Services .services-list .services-list-item .thum-gallery img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  main #Gallery .anker-box {
    background-image: url("../img/features_bgimg.svg");
    background-position: top 1em center;
    background-size: auto 31.893rem; }
    main #Gallery .anker-box.bg-wh::before {
      top: -5.412rem;
      left: 52.9333%;
      transform: scale(-1, 1); }
  main #Gallery .inner {
    padding: 21.8rem 0 9.2rem;
    max-width: 50rem;
    background-color: transparent; }
    main #Gallery .inner::before, main #Gallery .inner::after {
      content: "";
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain; }
    main #Gallery .inner::before {
      top: -6.85rem;
      left: -.8rem;
      z-index: 3;
      width: 5.628rem;
      height: 6.85rem;
      aspect-ratio: 56.28 / 68.5;
      background-image: url("../img/illust_trees3-wh.svg");
      transform: scale(-1, 1); }
    main #Gallery .inner.yokagura::after {
      top: 2%;
      left: 23%;
      width: 17.275rem;
      height: 12.85rem;
      aspect-ratio: 172.75 / 128.5;
      background-image: url("../img/illust_yokagura.svg"); }
    main #Gallery .inner.livecooking::after {
      top: 5%;
      left: 17%;
      width: 24rem;
      height: 17.85rem;
      aspect-ratio: 172.75 / 128.5;
      background-image: url("../img/illust_livecooking.svg"); }
    main #Gallery .inner.hiking::after {
      top: 1%;
      left: 27.1748%;
      width: 16.59rem;
      height: 18.465rem;
      aspect-ratio: 165.9 / 184.65;
      background-image: url("../img/illust_hiking.svg"); }
  main #Concept .anker-box,
  main #Fee .anker-box {
    padding-bottom: 15.7rem; }
  main #Concept .inner,
  main #Fee .inner {
    max-width: 108.7rem; }
    main #Concept .inner::before,
    main #Fee .inner::before {
      content: "";
      top: max(calc(-82.47/390*100vw), -16rem);
      left: 51.0918%;
      width: calc(56.61/390*100vw);
      max-width: 11.322rem;
      height: calc(68.9/390*100vw);
      max-height: 13.68rem;
      aspect-ratio: 56.61 / 68.9;
      background-image: url("../img/illust_trees3.svg"); }
  main #Concept .section-title,
  main #Fee .section-title {
    left: 42.8205%;
    padding: 5rem 0 5.6rem;
    color: #fff;
    writing-mode: vertical-rl; }
    main #Concept .section-title .en,
    main #Fee .section-title .en {
      margin-left: 1em;
      text-orientation: sideways; }
  main #Concept .fee-list dl dt,
  main #Fee .fee-list dl dt {
    display: flex;
    justify-content: space-between;
    align-items: baseline; }
    main #Concept .fee-list dl dt span,
    main #Fee .fee-list dl dt span {
      font-size: 1.25em;
      font-weight: 700;
      letter-spacing: .04em; }
      main #Concept .fee-list dl dt span.common,
      main #Fee .fee-list dl dt span.common {
        font-size: 1em;
        letter-spacing: 0; }
  main #Concept .fee-list dl dd,
  main #Fee .fee-list dl dd {
    margin-top: 1.125em; }
    main #Concept .fee-list dl dd p,
    main #Concept .fee-list dl dd dl dt,
    main #Fee .fee-list dl dd p,
    main #Fee .fee-list dl dd dl dt {
      position: relative;
      margin-left: 1.85rem;
      line-height: 1.625em; }
      main #Concept .fee-list dl dd p::before,
      main #Concept .fee-list dl dd dl dt::before,
      main #Fee .fee-list dl dd p::before,
      main #Fee .fee-list dl dd dl dt::before {
        content: "";
        position: absolute;
        top: .5em;
        left: -1.85rem;
        width: 1rem;
        height: 1rem;
        background-color: #fff;
        border-radius: 50%; }
      main #Concept .fee-list dl dd p + p, main #Concept .fee-list dl dd p + dl,
      main #Concept .fee-list dl dd dl dt + p,
      main #Concept .fee-list dl dd dl dt + dl,
      main #Fee .fee-list dl dd p + p,
      main #Fee .fee-list dl dd p + dl,
      main #Fee .fee-list dl dd dl dt + p,
      main #Fee .fee-list dl dd dl dt + dl {
        margin-top: .25em; }
    main #Concept .fee-list dl dd p a,
    main #Concept .fee-list dl dd dl dd a,
    main #Fee .fee-list dl dd p a,
    main #Fee .fee-list dl dd dl dd a {
      text-decoration: none;
      color: #E8CB53; }
      main #Concept .fee-list dl dd p a::after,
      main #Concept .fee-list dl dd dl dd a::after,
      main #Fee .fee-list dl dd p a::after,
      main #Fee .fee-list dl dd dl dd a::after {
        content: "";
        display: inline-block;
        position: relative;
        top: .1em;
        width: 1rem;
        height: 1.5rem;
        margin-left: .2em;
        background-image: url("../img/icon_link-yl.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain; }
    main #Concept .fee-list dl dd dl dd,
    main #Fee .fee-list dl dd dl dd {
      margin-left: 1.85rem;
      margin-top: 0;
      line-height: 1.625em; }
    main #Concept .fee-list dl dd span,
    main #Fee .fee-list dl dd span {
      display: block;
      font-size: .875em; }
      main #Concept .fee-list dl dd span.caution,
      main #Fee .fee-list dl dd span.caution {
        margin-top: .5em;
        font-size: .8571em;
        line-height: 1.2em; }
      main #Concept .fee-list dl dd span span,
      main #Fee .fee-list dl dd span span {
        margin-left: 5.2em;
        font-size: 1em;
        line-height: 1.4em; }
  main #Concept .fee-list dl + dl,
  main #Fee .fee-list dl + dl {
    margin-top: 1.75em;
    padding-top: 2em;
    border-top: 0.1rem solid #677769; }
  main #Fee {
    padding-top: 16.7rem; }
    main #Fee .anker-box {
      padding-bottom: 15.7rem; }
    main #Fee .inner::after {
      content: "";
      top: calc(-67.83/390*100vw);
      right: calc(32.61/390*100vw);
      width: calc(58.64/390*100vw);
      height: calc(102.5/390*100vw);
      aspect-ratio: 58.64 / 102.5;
      background-image: url("../img/illust_man4.svg"); }
    main #Fee .section-title {
      left: 42.8205%;
      padding: 5rem 0 5.6rem;
      color: #fff;
      writing-mode: vertical-rl; }
      main #Fee .section-title .en {
        margin-left: 1em;
        text-orientation: sideways; }
    main #Fee .fee-list dl dt {
      display: flex;
      justify-content: space-between;
      align-items: baseline; }
      main #Fee .fee-list dl dt span {
        font-size: 1.25em;
        font-weight: 700;
        letter-spacing: .04em; }
        main #Fee .fee-list dl dt span.common {
          font-size: 1em;
          letter-spacing: 0; }
    main #Fee .fee-list dl dd {
      margin-top: 1.125em; }
      main #Fee .fee-list dl dd p,
      main #Fee .fee-list dl dd dl dt {
        position: relative;
        margin-left: 1.85rem;
        line-height: 1.625em; }
        main #Fee .fee-list dl dd p::before,
        main #Fee .fee-list dl dd dl dt::before {
          content: "";
          position: absolute;
          top: .5em;
          left: -1.85rem;
          width: 1rem;
          height: 1rem;
          background-color: #fff;
          border-radius: 50%; }
        main #Fee .fee-list dl dd p + p, main #Fee .fee-list dl dd p + dl,
        main #Fee .fee-list dl dd dl dt + p,
        main #Fee .fee-list dl dd dl dt + dl {
          margin-top: .25em; }
      main #Fee .fee-list dl dd p a,
      main #Fee .fee-list dl dd dl dd a {
        text-decoration: none;
        color: #E8CB53; }
        main #Fee .fee-list dl dd p a::after,
        main #Fee .fee-list dl dd dl dd a::after {
          content: "";
          display: inline-block;
          position: relative;
          top: .1em;
          width: 1rem;
          height: 1.5rem;
          margin-left: .2em;
          background-image: url("../img/icon_link-yl.svg");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain; }
      main #Fee .fee-list dl dd dl dd {
        margin-left: 1.85rem;
        margin-top: 0;
        line-height: 1.625em; }
      main #Fee .fee-list dl dd span {
        display: block;
        font-size: .875em; }
        main #Fee .fee-list dl dd span.caution {
          margin-top: .5em;
          font-size: .8571em;
          line-height: 1.2em; }
        main #Fee .fee-list dl dd span span {
          margin-left: 5.2em;
          font-size: 1em;
          line-height: 1.4em; }
    main #Fee .fee-list dl + dl {
      margin-top: 1.75em;
      padding-top: 2em;
      border-top: 0.1rem solid #677769; }
  main #Contact,
  main #Subscription {
    z-index: 2;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 9.375em; }
    main #Contact::before,
    main #Subscription::before {
      content: "";
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      top: -3rem;
      left: 0;
      width: 100%;
      height: 3rem;
      background-image: linear-gradient(to bottom right, transparent 50%, #fff 51%); }
    main #Contact .inner,
    main #Subscription .inner {
      max-width: 33rem;
      padding-top: 19.6rem;
      text-align: center; }
      main #Contact .inner::before, main #Contact .inner::after,
      main #Subscription .inner::before,
      main #Subscription .inner::after {
        content: "";
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain; }
      main #Contact .inner::before,
      main #Subscription .inner::before {
        bottom: -12.843rem;
        left: 20.8974%;
        width: 5.043rem;
        height: 6.137rem;
        aspect-ratio: 50.43 / 61.37;
        background-image: url("../img/illust_trees3.svg"); }
      main #Contact .inner::after,
      main #Subscription .inner::after {
        bottom: -15.669rem;
        left: 43.6307%;
        width: 13.834rem;
        height: 11.649rem;
        aspect-ratio: 138.34 / 116.49;
        background-image: url("../img/illust_man-tree.svg"); }
      main #Contact .inner .contact-btn,
      main #Contact .inner .subscription-btn,
      main #Subscription .inner .contact-btn,
      main #Subscription .inner .subscription-btn {
        position: absolute;
        top: -11.3rem;
        left: 0;
        width: 100%;
        height: 28.5rem;
        aspect-ratio: 342 / 285;
        background-color: #fff;
        border: 0.2rem solid #2C462F;
        border-radius: 1.2rem; }
        main #Contact .inner .contact-btn dt,
        main #Contact .inner .subscription-btn dt,
        main #Subscription .inner .contact-btn dt,
        main #Subscription .inner .subscription-btn dt {
          width: 100%;
          height: 16rem;
          aspect-ratio: 342 / 160;
          border-radius: 1rem 1rem 0 0;
          overflow: hidden; }
          main #Contact .inner .contact-btn dt img,
          main #Contact .inner .subscription-btn dt img,
          main #Subscription .inner .contact-btn dt img,
          main #Subscription .inner .subscription-btn dt img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            border-radius: 1rem 1rem 0 0;
            transition: all .3s; }
        main #Contact .inner .contact-btn dd,
        main #Contact .inner .subscription-btn dd,
        main #Subscription .inner .contact-btn dd,
        main #Subscription .inner .subscription-btn dd {
          position: relative;
          width: 100%;
          height: 12.5rem;
          aspect-ratio: 342 / 125; }
          main #Contact .inner .contact-btn dd p.ext,
          main #Contact .inner .subscription-btn dd p.ext,
          main #Subscription .inner .contact-btn dd p.ext,
          main #Subscription .inner .subscription-btn dd p.ext {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 2em;
            font-weight: 700;
            line-height: 1;
            color: #2C462F; }
            main #Contact .inner .contact-btn dd p.ext::after,
            main #Contact .inner .subscription-btn dd p.ext::after,
            main #Subscription .inner .contact-btn dd p.ext::after,
            main #Subscription .inner .subscription-btn dd p.ext::after {
              content: "";
              display: inline-block;
              position: relative;
              top: 1.1953%;
              width: 1.897rem;
              height: 1.897rem;
              aspect-ratio: 1;
              margin-left: .25em;
              background-image: url("../img/icon_ext-gr.svg");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: contain; }
            main #Contact .inner .contact-btn dd p.ext span,
            main #Contact .inner .subscription-btn dd p.ext span,
            main #Subscription .inner .contact-btn dd p.ext span,
            main #Subscription .inner .subscription-btn dd p.ext span {
              display: block;
              margin-bottom: .75em;
              font-size: .5em;
              font-weight: 700; }
        main #Contact .inner .contact-btn:hover,
        main #Contact .inner .subscription-btn:hover,
        main #Subscription .inner .contact-btn:hover,
        main #Subscription .inner .subscription-btn:hover {
          border-color: #E8CB53;
          background-color: #E8CB53; }
          main #Contact .inner .contact-btn:hover dt img,
          main #Contact .inner .subscription-btn:hover dt img,
          main #Subscription .inner .contact-btn:hover dt img,
          main #Subscription .inner .subscription-btn:hover dt img {
            transition: all .3s;
            transform: scale(1.1, 1.1); }
      main #Contact .inner p,
      main #Subscription .inner p {
        font-size: .9375em;
        line-height: 1.625em; }
      main #Contact .inner sub,
      main #Subscription .inner sub {
        display: block;
        margin-top: .5em;
        font-size: .75em; }
        main #Contact .inner sub a,
        main #Subscription .inner sub a {
          color: #D60303;
          text-decoration: underline; }
      main #Contact .inner .list,
      main #Subscription .inner .list {
        margin: 4em auto; }
  main #Interview .anker-box {
    padding: 17.45rem 0 7.638rem;
    background-image: url("../img/features_bgimg.svg");
    background-position: top 5.8rem center;
    background-size: auto 31.893rem; }
    main #Interview .anker-box::before, main #Interview .anker-box::after {
      content: "";
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain; }
    main #Interview .anker-box::before {
      top: 2.6rem;
      left: 20.8974%;
      width: calc((50.43/390)*100vw);
      max-width: 10.86rem;
      height: calc((61.37/390)*100vw);
      max-height: 12.274rem;
      aspect-ratio: 50.43 / 61.37;
      background-image: url("../img/illust_trees3.svg"); }
    main #Interview .anker-box::after {
      top: 0;
      left: 43.6307%;
      width: calc((138.34/390)*100vw);
      max-width: 27.668rem;
      height: calc((116.49/390)*100vw);
      max-height: 23.298rem;
      aspect-ratio: 138.34 / 116.49;
      background-image: url("../img/illust_man-tree.svg"); }
  main #Interview .section-title {
    margin: 0 auto 0 3rem;
    color: #2C462F; }
    main #Interview .section-title .en {
      margin-bottom: 1em;
      color: #677769; }
  main #Interview .interview-list_carousel {
    width: 100%;
    margin-top: 2.5em; }
    main #Interview .interview-list_carousel::after {
      content: "";
      display: block;
      width: 6.78rem;
      height: 12.119rem;
      aspect-ratio: 67.8 / 121.19;
      margin: 2em auto 0;
      background-image: url("../img/illust_man5.svg");
      background-repeat: no-repeat;
      background-size: contain; }
    main #Interview .interview-list_carousel .flickity-viewport .flickity-slider {
      margin-left: 2em; }
      main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item {
        position: relative;
        width: calc(100% - 4em);
        margin-right: 2em; }
        main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item.is-selected .interview-thum {
          width: 25.2rem;
          left: calc(50% - 12.6rem); }
        main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-thum {
          position: relative;
          top: 0;
          left: -5.4rem;
          width: calc(100% + 10.8rem);
          height: 34.5rem; }
          main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-thum img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt {
          width: 100%;
          margin: 1.5em auto 0; }
          main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt .interview-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: "Gurmukhi MN", "Times New Roman", sans-serif; }
            main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt .interview-head .interview-num {
              font-size: 2.625em;
              font-weight: 700;
              color: #2C462F; }
            main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt .interview-head .interview-date {
              padding-bottom: 1rem;
              border-bottom: 0.1rem solid #677769;
              font-size: .875em;
              color: #677769; }
          main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt .interview-title {
            margin-top: .19047em;
            font-size: 1.5em;
            font-weight: 700;
            line-height: 1.5em; }
          main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt .interview-name {
            margin-top: 1.5em;
            font-size: .875em;
            font-weight: 700;
            line-height: 1.7857em; }
          main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt a.btn {
            position: relative;
            top: -0.1rem;
            margin-top: 2.7rem;
            border: 0.1rem solid #000; }
            main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt a.btn:hover {
              background-color: #000;
              color: #fff; }
    main #Interview .interview-list_carousel .flickity-prev-next-button {
      top: 17.25rem;
      width: 1.5em;
      height: 3.5em;
      background: transparent;
      background-image: url("../img/icon_prev-next.svg");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: contain;
      mix-blend-mode: multiply; }
      main #Interview .interview-list_carousel .flickity-prev-next-button.previous {
        left: 1em; }
      main #Interview .interview-list_carousel .flickity-prev-next-button.next {
        right: 1em;
        transform: translateY(-50%) rotate(180deg); }
      main #Interview .interview-list_carousel .flickity-prev-next-button .flickity-button-icon {
        display: none; }
  main #Concept {
    padding-top: calc((167/390)*100vw); }
    main #Concept .anker-box {
      padding-bottom: 15.7rem; }
    main #Concept .inner::after {
      content: "";
      top: max(calc((-82.47/390)*100vw), -25rem);
      right: calc((32.61/390)*100vw);
      width: calc((33.97/390)*100vw);
      max-width: 6.794rem;
      height: calc((85.4/390)*100vw);
      max-height: 17.08rem;
      aspect-ratio: 33.97 / 85.4;
      background-image: url("../img/illust_man2.svg"); }
    main #Concept .section-title {
      left: 0;
      padding: 5rem 0 5.6rem;
      color: #fff;
      writing-mode: horizontal-tb; }
      main #Concept .section-title .en {
        margin-left: 0;
        margin-bottom: .5em;
        letter-spacing: .04em;
        text-orientation: upright; }
    main #Concept .concept p {
      line-height: 2.5em;
      font-feature-settings: "palt"; }
      main #Concept .concept p + p {
        margin-top: 2em; }
    main #Concept .concept a.link {
      max-width: 35rem;
      margin-top: 5em;
      background-color: #fff;
      color: #2C462F; }
      main #Concept .concept a.link::after {
        margin-left: 1em; }
  main #Sastinavirity {
    margin-bottom: 8em; }
    main #Sastinavirity::after {
      content: "";
      display: block;
      width: calc((67.8/390)*100vw);
      max-width: 13.46rem;
      height: calc((121.19/390)*100vw);
      max-height: 24.238rem;
      aspect-ratio: 67.8 / 121.19;
      margin: 2em auto 0;
      background-image: url("../img/illust_man5.svg");
      background-repeat: no-repeat;
      background-size: contain; }
  main #SNS .anker-box {
    padding: 4em 0 6em; }
    main #SNS .anker-box.bg-gr::before {
      top: max(calc(-52/390*100vw), -12.5rem);
      left: 52.9333%; }
    main #SNS .anker-box .inner::before {
      content: "";
      top: calc(-68.5/390*100vw - 4em);
      left: calc(-8/390*100vw);
      z-index: 3;
      width: calc(56.28/390*100vw);
      height: calc(68.5/390*100vw);
      aspect-ratio: 56.28 / 68.5;
      background-image: url("../img/illust_trees3.svg"); }
    main #SNS .anker-box .inner .sns-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-family: "Gurmukhi MN", "Times New Roman", sans-serif; }
      main #SNS .anker-box .inner .sns-title span {
        display: block;
        font-size: 1.5em;
        font-weight: 700; }
      main #SNS .anker-box .inner .sns-title .follow {
        display: block;
        padding-bottom: .5em;
        border-bottom: 0.1rem solid #fff;
        font-size: .875em;
        font-weight: 700; }
        main #SNS .anker-box .inner .sns-title .follow::after {
          content: "";
          display: inline-block;
          position: relative;
          top: .2rem;
          width: 1.6rem;
          height: 1.6rem;
          aspect-ratio: 1;
          margin-left: .5em;
          background-repeat: no-repeat;
          background-size: contain; }
        main #SNS .anker-box .inner .sns-title .follow:hover {
          opacity: .5; }
    main #SNS .anker-box .inner .fb .sns-title .follow::after {
      background-image: url("../img/icon_fb-wh.svg"); }
    main #SNS .anker-box .inner .fb .cff-wrapper {
      margin-top: 1em;
      color: #000; }
      main #SNS .anker-box .inner .fb .cff-wrapper #cff.cff-fixed-height {
        padding: 0; }
    main #SNS .anker-box .inner .inst {
      margin-top: 3em; }
      main #SNS .anker-box .inner .inst .sns-title .follow::after {
        background-image: url("../img/icon_inst-wh.svg"); }
      main #SNS .anker-box .inner .inst #sbi_images {
        margin-top: 1em;
        padding: 0 !important; }
        main #SNS .anker-box .inner .inst #sbi_images .sbi_item {
          padding: 0.5rem !important; }

footer {
  position: relative;
  z-index: 1;
  padding: 5em 0 2em; }
  footer .footer-head {
    position: relative;
    padding-bottom: 5.75em;
    border-bottom: 0.1rem solid #d4d4d4;
    overflow: hidden; }
    footer .footer-head::before, footer .footer-head::after {
      content: "";
      display: block;
      position: absolute;
      bottom: calc(100vw*.463564/180.79*42.77*(-0.07));
      width: 18.079rem;
      height: 4.277rem;
      aspect-ratio: 180.79 / 42.77;
      background-image: url("../img/illust_mt3.svg");
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: contain; }
    footer .footer-head::before {
      left: 0; }
    footer .footer-head::after {
      right: 0;
      transform: scale(-1, 1); }
    footer .footer-head .footer-title {
      width: calc(2em * 7 * 1.06);
      margin: 0 auto;
      text-align: center; }
      footer .footer-head .footer-title h1 {
        font-size: 2em;
        font-weight: 700;
        line-height: 1.3125em;
        letter-spacing: .05em; }
      footer .footer-head .footer-title span {
        display: block;
        margin-top: 1em;
        font-size: .8125em;
        font-weight: 700;
        letter-spacing: .18em; }
  footer .footer-body {
    width: calc(100% - 6em);
    margin: 4em auto 0; }
    footer .footer-body .footer-logo {
      display: block;
      width: 64.5816%;
      margin: 0 auto; }
      footer .footer-body .footer-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    footer .footer-body .footer-menu {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: min(80%, 23rem);
      margin: 2.5em auto 0; }
      footer .footer-body .footer-menu li {
        margin-left: 2.2em;
        font-size: .875em;
        font-weight: 700; }
        footer .footer-body .footer-menu li:nth-child(2n-1) {
          margin-left: 0; }
        footer .footer-body .footer-menu li:nth-child(n+3) {
          margin-top: 1.35em; }
  footer .totop {
    display: block;
    width: 6.205rem;
    height: 10.173rem;
    aspect-ratio: 62.05 / 101.73;
    margin: 3.5em auto; }
    footer .totop img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  footer .footer-bottom .sub-menu {
    display: flex;
    justify-content: center; }
    footer .footer-bottom .sub-menu li {
      font-size: .75em; }
      footer .footer-bottom .sub-menu li + li::before {
        content: "／";
        display: inline-block;
        margin: 0 .4em 0 .6em; }
  footer .copyright {
    margin-top: 4rem;
    font-family: "Gurmukhi MN", "Times New Roman", sans-serif;
    font-size: 1.1rem;
    text-align: center; }

@media only screen and (min-width: 560px) {
  html {
    font-size: 62.5%; }

  a.ext::after {
    height: 1.719rem; }

  .drawer--top button.drawer-hamburger {
    width: 10.4rem;
    height: 10.4rem; }
  .drawer--top nav.drawer-nav {
    padding: 12.9rem 5em; }
    .drawer--top nav.drawer-nav .drawer-bottom .subscription {
      max-width: 27rem; }

  header {
    height: 10.4rem;
    padding: 4.3rem 0 0 4rem;
    background-color: #fff; }

  main {
    margin-top: 10.4rem; }
    main section {
      padding-top: 10.4rem;
      margin-top: -10.4rem; }
      main section .anker-box.bg-gr::after, main section .anker-box.bg-wh::after {
        top: -7.3206vw;
        height: 7.3206vw; }
      main section .section-title {
        font-size: 3.25em; }
        main section .section-title .en {
          font-size: .2692em; }
    main .frame {
      width: calc(100% - 3em); }
    main .page-header {
      width: calc(100% - 3em);
      height: calc((100% - 3em)*.2025);
      aspect-ratio: 1318 / 267;
      margin: 0 auto;
      background-image: url("../img/page-header_bgimg-pc.webp"); } }
    @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
      main .page-header {
        background-image: url("../img/page-header_bgimg-pc@2x.webp"); } }
@media only screen and (min-width: 560px) {
      main .page-header .page-title {
        font-size: 2.625em; }
        main .page-header .page-title .en {
          margin-bottom: 1.2142em;
          font-size: .3333em; }
    main .wrap {
      width: calc(100% - 7em); }
    main .interview-footer .anker-box .inner {
      padding-top: min(5.8565%, 5em); }
      main .interview-footer .anker-box .inner .interview-person {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        main .interview-footer .anker-box .inner .interview-person dt {
          margin: 0; }
        main .interview-footer .anker-box .inner .interview-person dd {
          width: calc(100% - 22rem); }
          main .interview-footer .anker-box .inner .interview-person dd .interview-name {
            text-align: left; }
      main .interview-footer .anker-box .inner .fee-link {
        padding-bottom: 15em; }
    main .mv {
      height: calc((100vw - 3em)*.9742);
      min-height: 90rem;
      aspect-ratio: 1318 / 1284;
      background-image: url("../img/mv_bgimg-pc.webp"); } }
    @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
      main .mv {
        background-image: url("../img/mv_bgimg-pc@2x.webp"); } }
@media only screen and (min-width: 560px) {
      main .mv.camp {
        background-image: url("../img/mv_bgimg-camp-pc.webp"); } }
      @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
        main .mv.camp {
          background-image: url("../img/mv_bgimg-camp-pc@2x.webp"); } }
@media only screen and (min-width: 560px) {
      main .mv.yokagura {
        background-image: url("../img/mv_bgimg-yokagura-pc.webp");
        background-position: top right 15%; } }
      @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
        main .mv.yokagura {
          background-image: url("../img/mv_bgimg-yokagura-pc@2x.webp"); } }
@media only screen and (min-width: 560px) {
      main .mv.livecooking {
        background-image: url("../img/mv_bgimg-livecooking-pc.webp"); } }
      @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
        main .mv.livecooking {
          background-image: url("../img/mv_bgimg-livecooking-pc@2x.webp"); } }
@media only screen and (min-width: 560px) {
      main .mv.hiking {
        background-image: url("../img/mv_bgimg-hiking-pc.webp");
        background-position: top right 20%; } }
      @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
        main .mv.hiking {
          background-image: url("../img/mv_bgimg-hiking-pc@2x.webp"); } }
@media only screen and (min-width: 560px) {
      main .mv .mv-title {
        top: 18.4579%;
        left: 8.4977%;
        width: clamp(calc(2.5em*1.07*7), calc(3.8067vw*1.07*7), calc(3.25em*1.07*7)); }
        main .mv .mv-title h1 {
          margin-bottom: .4038em;
          font-size: clamp(2.5em, 3.8067vw, 3.25em); }
        main .mv .mv-title h5 {
          font-size: clamp(1.25em, 1.9216vw, 1.6406em); }
        main .mv .mv-title span {
          font-size: clamp(1em, 1.537vw, 1.3125em); }
      main .mv .mv-trial,
      main .mv .mv-contact,
      main .mv .mv-subscription {
        right: 1.502rem;
        width: clamp(13.887rem, 13.3535%, 17.6rem);
        height: clamp(13.887rem, 13.3535%, 17.6rem); }
        main .mv .mv-trial a.ext,
        main .mv .mv-contact a.ext,
        main .mv .mv-subscription a.ext {
          font-size: clamp(0.8125em, 1.3177vw, 1.0625em); }
      main .mv .mv-trial {
        top: calc(34.8130% - clamp(13.887rem, 13.3535%, 17.6rem) - 1%); }
      main .mv .mv-contact,
      main .mv .mv-subscription {
        top: 34.8130%; }
      main .mv .mv-description {
        top: 54.8224%;
        left: 50%;
        transform: translateX(-50%);
        width: clamp(42.6rem, 45.6752%, 60.2rem); }
        main .mv .mv-description h2 {
          font-size: clamp(1.3125em, 2.4279vw, 2em); }
          main .mv .mv-description h2 span {
            display: block;
            margin-left: .3125em; }
        main .mv .mv-description p {
          margin-left: -1.025em;
          font-size: clamp(0.875em, 1.1713vw, 1em);
          line-height: 2.86em; }
    main #Takachiho .anker-box {
      padding-bottom: 3em; }
      main #Takachiho .anker-box.bg-gr::after {
        top: -7.1742vw; }
    main #Takachiho .inner {
      display: flex;
      align-items: center;
      width: min(calc(100% - 4em), 79rem); }
      main #Takachiho .inner .takachiho-txt {
        width: clamp(26rem, 56.7%, 44.8rem); }
      main #Takachiho .inner .takachiho-map {
        width: min(37.9%, 29.977rem);
        height: 100%;
        margin-top: 0;
        margin-left: 5.4%; }
        main #Takachiho .inner .takachiho-map img {
          width: auto; }
    main #Parallax,
    main #Parallax2 {
      padding-top: min(62.6rem, 47.49%); } }
    @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
      main #Parallax,
      main #Parallax2 {
        background-image: url("../img/parallax@2x.webp"); } }
    @media only screen and (min-width: 560px) and (orientation: portrait) {
      main #Parallax,
      main #Parallax2 {
        background-size: auto calc(100vh - 10.4rem); } }
    @media only screen and (min-width: 560px) and (orientation: landscape) {
      main #Parallax,
      main #Parallax2 {
        background-size: cover; } }
@media only screen and (min-width: 560px) {
      main #Parallax::before, main #Parallax::after,
      main #Parallax2::before,
      main #Parallax2::after {
        width: 100%;
        height: 7.3206vw; } }
  @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
    main #Parallax {
      background-image: url("../img/parallax@2x.webp"); } }
  @media only screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 2) {
    main #Parallax2 {
      background-image: url("../img/parallax2@2x.webp"); } }
@media only screen and (min-width: 560px) {
    main #Gallery .anker-box.bg-wh::before {
      top: max(calc(-10.3%), -14rem); }
    main #Gallery .inner::before {
      left: 0; }
    main #Gallery .inner::after {
      left: 33%; }
    main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item.is-selected .interview-thum {
      width: 84%;
      left: 8%; }
    main #Interview .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-thum {
      left: -8%;
      width: 116%; }
    main #Interview .interview-list_carousel .flickity-prev-next-button {
      top: 17.25rem;
      width: 1.5em;
      height: 3.5em;
      background: transparent;
      background-image: url("../img/icon_prev-next.svg");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: contain;
      mix-blend-mode: multiply; }
      main #Interview .interview-list_carousel .flickity-prev-next-button.previous {
        left: 1em; }
      main #Interview .interview-list_carousel .flickity-prev-next-button.next {
        right: 1em;
        transform: translateY(-50%) rotate(180deg); }
      main #Interview .interview-list_carousel .flickity-prev-next-button .flickity-button-icon {
        display: none; }

  footer {
    position: relative;
    width: calc(100% - 11.2rem);
    margin: 0 auto;
    padding-bottom: 4em; }
    footer .footer-head {
      padding-bottom: min(calc(calc(100vw - 11.2rem)*0.0637), 5em); }
      footer .footer-head::before, footer .footer-head::after {
        bottom: calc(calc(100vw - 11.2rem)*.280701/180.79*42.77*(-0.07));
        width: 28.0701%;
        height: calc((100vw - 11.2rem)*.280701*.2365); }
      footer .footer-head::before {
        left: min(6.5789%, 8.3rem); }
      footer .footer-head::after {
        right: min(6.5789%, 8.3rem); }
      footer .footer-head .footer-title {
        width: calc(2.25em * 7 * 1.07); }
        footer .footer-head .footer-title h1 {
          font-size: 2.25em;
          line-height: 1.3333em;
          letter-spacing: .06em; }
        footer .footer-head .footer-title span {
          font-size: .9375em;
          letter-spacing: .17em; }
    footer .footer-body {
      width: 100%;
      margin-top: 5em; }
      footer .footer-body .footer-logo {
        width: min(75.3452%, 18.987rem); }
    footer .totop {
      position: absolute;
      top: min(calc(5em + calc(2.25em * 7 * 1.07)*.4659 + calc((100vw - 11.2rem)*.280701*.2365) - 8.378rem), calc(5em + 12rem));
      right: -1.9138%;
      margin: 0; }
    footer .footer-bottom {
      margin-top: 4rem; }
      footer .footer-bottom .sub-menu {
        justify-content: flex-start; }
    footer .copyright {
      position: absolute;
      right: 0;
      bottom: calc(4em*1.4545);
      margin-top: 0; } }
@media only screen and (min-width: 780px) {
  main .wrap .breadcrumb {
    margin-bottom: 5em;
    font-size: .875em;
    line-height: 1.5em; }
  main .wrap .interview-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3em; }
    main .wrap .interview-list .list-item .thum {
      height: auto;
      aspect-ratio: 386 / 248; }
    main .wrap .interview-list .list-item .txt {
      margin-top: 1em; }
      main .wrap .interview-list .list-item .txt .title {
        font-size: 1.125em;
        line-height: 1.7777em; }
      main .wrap .interview-list .list-item .txt .name {
        line-height: 1.5em; }
      main .wrap .interview-list .list-item .txt .date {
        margin-top: 1em;
        font-size: .875em; }
    main .wrap .interview-list .list-item + .list-item {
      margin-top: 0; }
  main .interview-footer .anker-box.bg-gr::before {
    top: 0;
    left: 59.5856%;
    margin-top: max(calc(-10.3%), -14rem); }
  main .interview-footer .anker-box .inner {
    width: min(calc(100% - 4em), 90.4rem); }
    main .interview-footer .anker-box .inner::before {
      top: 0;
      left: 0;
      width: min(9.1283%, 8.252rem);
      height: min(calc((100vw - 4em)*.091283*1.2170), 10.043rem);
      margin-top: max(calc(calc(100vw - 4em)*calc(-0.1110)), -10.043rem); }
  main .mv.camp, main .mv.yokagura, main .mv.livecooking, main .mv.hiking {
    height: calc((100vw - 1.5em)*.9742);
    aspect-ratio: 1318/1284; }
  main .mv .mv-description {
    width: clamp(52.675rem, 45.6752%, 60.2rem); }
    main .mv .mv-description p {
      margin-left: -1.825em;
      line-height: 3.65em; }
  main #Takachiho .inner {
    padding-top: .5rem; }
    main #Takachiho .inner .section-title span {
      display: inline-block;
      margin-right: .25em; }
    main #Takachiho .inner .section-title .en {
      display: block; }
  main #Features .anker-box {
    background-position: top 0 center;
    background-size: 100% auto; }
  main #Features .inner {
    max-width: 160rem;
    padding: 10em 0 10rem; }
    main #Features .inner::before {
      top: -3.613rem;
      left: 1.8587%;
      width: min(9.4786%, 10.673rem);
      height: min(calc(100vw - 3em) * 0.094786 * 1.2322, 13.904rem); }
    main #Features .inner::after {
      top: 3.585rem;
      left: 13.7655%;
      width: min(4.7664%, 5.367rem);
      height: min(calc(100vw - 3em) * 0.047664 * 2.552, 13.697rem); }
    main #Features .inner .section-title {
      position: absolute;
      top: calc(calc(100vw - 3em)*0.0852);
      left: auto;
      right: 0;
      height: calc(5em + calc(100vw - 3em)*0.246891); }
      main #Features .inner .section-title .en {
        margin-top: .7rem; }
      main #Features .inner .section-title .sub {
        margin-top: .6rem; }
      main #Features .inner .section-title::after {
        bottom: 0;
        width: min(151.79rem, 128.6355%); }
    main #Features .inner .features .features-item {
      display: flex;
      align-items: flex-start;
      flex-flow: row-reverse;
      justify-content: flex-end; }
      main #Features .inner .features .features-item img {
        width: 50.1776%; }
      main #Features .inner .features .features-item dl {
        width: 44.4936%;
        margin-top: 0;
        margin-right: 10.6571%;
        margin-right: 5.3285%; }
        main #Features .inner .features .features-item dl dd {
          margin-top: 1.25em;
          line-height: 2em; }
      main #Features .inner .features .features-item:nth-child(1) img {
        width: 30.6394%; }
      main #Features .inner .features .features-item:nth-child(2) {
        flex-flow: row;
        justify-content: flex-start;
        margin-top: min(1.1465%, 1.291rem);
        padding-top: min(12.5301%, 14.109rem); }
        main #Features .inner .features .features-item:nth-child(2)::before {
          top: 0;
          left: 25.888%;
          width: min(30.031%, 33.815rem);
          height: min(calc(calc(100vw - 3em)*0.300310*0.2202), 7.449rem);
          margin-top: 6.3960%; }
        main #Features .inner .features .features-item:nth-child(2)::after {
          left: 29.6554%;
          width: min(4.984%, 5.612rem);
          height: min(calc(calc(100vw - 3em)*0.04984*0.3977), 14.109rem);
          height: auto; }
        main #Features .inner .features .features-item:nth-child(2) dl {
          margin-right: 0;
          margin-left: 5.3285%; }
          main #Features .inner .features .features-item:nth-child(2) dl::before {
            top: 0;
            right: auto;
            left: -31.8367%;
            width: min(15.6099%, 6.884rem);
            height: auto;
            margin-top: 51.8979%; }
      main #Features .inner .features .features-item:nth-child(3) {
        margin-top: 6.8321%;
        padding-top: min(9.5088%, 10.707rem); }
        main #Features .inner .features .features-item:nth-child(3)::before {
          width: min(7.8126%, 8.797rem);
          height: min(calc(calc(100vw - 3em)*0.078126*1.2171), 10.707rem); }
  main #Gallery .anker-box {
    background-size: 100% auto; }
  main #Gallery .inner {
    padding: 10em 0 10em;
    max-width: 160rem; }
    main #Gallery .inner::before {
      top: max(calc((100vw - 3em)*.091283*-1.1171), -10.043rem);
      width: min(9.1283%, 8.252rem);
      height: min(calc((100vw - 4em)*.091283*1.2171), 10.043rem); }
    main #Gallery .inner::after {
      top: 0; }
  main #Services .services-list .services-list-item {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: max(4%, 1em); }
    main #Services .services-list .services-list-item .thum-gallery {
      margin: 0; }
  main #Fee .anker-box {
    margin-top: 7.3879%;
    padding-bottom: 15.7862%; }
  main #Fee .inner {
    display: grid;
    grid-template-columns: max(7.7276%, 8.4rem) auto;
    grid-gap: max(9.9356%, 10.8rem);
    width: calc(100% - 8em);
    padding-top: 9.4070%; }
    main #Fee .inner::before {
      top: -7%;
      left: 44%;
      width: min(6.0349%, 6.56rem);
      height: min(calc(calc(100vw - 8em)*.060349*1.217073), 7.984rem); }
    main #Fee .inner::after {
      top: -12%;
      right: -5%;
      width: min(7.8969%, 8.584rem);
      height: min(calc(calc(100vw - 8em)*.078969*1.7481), 15.006rem); }
    main #Fee .inner .section-title {
      left: 0;
      padding: 0; }
    main #Fee .inner .fee-list dl {
      display: flex;
      position: relative; }
      main #Fee .inner .fee-list dl dt {
        display: block;
        width: calc(4em * 1.25 * 1.05);
        margin-right: 3em; }
      main #Fee .inner .fee-list dl dd {
        width: calc(100% - 4em * 1.25 * 1.05 - 3em);
        margin-top: -0.28125em; }
        main #Fee .inner .fee-list dl dd p {
          margin-left: 1em;
          font-size: 1.125em;
          line-height: 1.5em; }
          main #Fee .inner .fee-list dl dd p::before {
            left: -1em; }
          main #Fee .inner .fee-list dl dd p + p {
            margin-top: .66em; }
        main #Fee .inner .fee-list dl dd dl {
          display: block; }
          main #Fee .inner .fee-list dl dd dl dt, main #Fee .inner .fee-list dl dd dl dd {
            width: 100%;
            margin-top: 0;
            font-size: 1.125em; }
      main #Fee .inner .fee-list dl + dl {
        margin-top: 2.125em;
        padding-top: 3em; }
  main #Contact::before,
  main #Subscription::before {
    top: -7.3206vw;
    height: 7.3206vw; }
  main #Contact .inner,
  main #Subscription .inner {
    width: min(calc(100% - 4em), 90.4rem, 66.1786%);
    max-width: 90.4rem;
    padding-top: min(calc(calc(100vw - 4em)*.1941), calc(90.4rem * .1941)); }
    main #Contact .inner::before,
    main #Subscription .inner::before {
      top: 0;
      bottom: auto;
      left: -15.2212%;
      width: min(7.2566%, 6.56rem);
      height: min(calc(calc(100vw - 4em)*.072566*1.217), 7.984rem);
      margin-top: min(3.4643%, 4.566rem); }
    main #Contact .inner::after,
    main #Subscription .inner::after {
      top: 0;
      bottom: auto;
      left: 95.3816%;
      width: min(19.907%, 17.996rem);
      height: min(calc(calc(100vw - 4em)*.199070*.842020), 15.153rem);
      margin-top: min(1.2853%, 1.162rem); }
    main #Contact .inner .contact-btn,
    main #Contact .inner .subscription-btn,
    main #Subscription .inner .contact-btn,
    main #Subscription .inner .subscription-btn {
      top: 0;
      height: min(calc(calc(100vw - 4em)*.3053), 27.6rem);
      aspect-ratio: 904 / 276;
      margin-top: max(calc(-19.4137%), -17.55rem); }
      main #Contact .inner .contact-btn dl,
      main #Contact .inner .subscription-btn dl,
      main #Subscription .inner .contact-btn dl,
      main #Subscription .inner .subscription-btn dl {
        display: grid;
        grid-template-columns: 3.1851fr 1fr; }
        main #Contact .inner .contact-btn dl dt,
        main #Contact .inner .subscription-btn dl dt,
        main #Subscription .inner .contact-btn dl dt,
        main #Subscription .inner .subscription-btn dl dt {
          height: min(calc(calc(100vw - 4em)*.3053 - .2rem), 27.4rem);
          aspect-ratio: 688 / 276;
          border-radius: 1rem 0 0 1rem; }
          main #Contact .inner .contact-btn dl dt img,
          main #Contact .inner .subscription-btn dl dt img,
          main #Subscription .inner .contact-btn dl dt img,
          main #Subscription .inner .subscription-btn dl dt img {
            border-radius: 1rem 0 0 1rem; }
        main #Contact .inner .contact-btn dl dd,
        main #Contact .inner .subscription-btn dl dd,
        main #Subscription .inner .contact-btn dl dd,
        main #Subscription .inner .subscription-btn dl dd {
          height: min(calc(calc(100vw - 4em)*.3053 - .2rem), 27.4rem);
          aspect-ratio: auto; }
          main #Contact .inner .contact-btn dl dd p.ext,
          main #Contact .inner .subscription-btn dl dd p.ext,
          main #Subscription .inner .contact-btn dl dd p.ext,
          main #Subscription .inner .subscription-btn dl dd p.ext {
            left: 50%;
            transform: translate(-50%, -50%);
            height: 5.3em;
            font-size: clamp(1.25em, 2.3426vw, 2em);
            writing-mode: vertical-rl; }
            main #Contact .inner .contact-btn dl dd p.ext::after,
            main #Contact .inner .subscription-btn dl dd p.ext::after,
            main #Subscription .inner .contact-btn dl dd p.ext::after,
            main #Subscription .inner .subscription-btn dl dd p.ext::after {
              margin-top: .3em;
              margin-left: 0; }
            main #Contact .inner .contact-btn dl dd p.ext span,
            main #Contact .inner .subscription-btn dl dd p.ext span,
            main #Subscription .inner .contact-btn dl dd p.ext span,
            main #Subscription .inner .subscription-btn dl dd p.ext span {
              margin-bottom: 0;
              padding: .25em 0 0 .5em;
              text-align: left; }
    main #Contact .inner p,
    main #Subscription .inner p {
      font-size: 1.125em; }
  main #Interview .anker-box {
    margin-top: min(2.9282%, 4rem);
    padding: max(3.7701%, 23.45rem) min(5.8565%, 5em) min(14.2386%, 7.673rem) 0;
    background-size: contain; }
  main #Interview .wrapper {
    display: grid;
    grid-template-columns: auto max(5.4172%, 7.4rem);
    margin: 0 auto;
    overflow: hidden; }
    main #Interview .wrapper .section-title {
      grid-area: 1/2/2/3;
      margin: 0;
      writing-mode: vertical-rl; }
      main #Interview .wrapper .section-title .en {
        margin-bottom: 0;
        padding-top: .3em; }
    main #Interview .wrapper .interview-list_carousel {
      grid-area: 1/1/2/2;
      margin-top: min(4.0995%, 3.5em); }
      main #Interview .wrapper .interview-list_carousel::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: min(calc(-5.6468%), 6.844rem);
        width: min(7.2235%, 8.755rem);
        height: min(calc(94.5828vw*.072235*1.7874), 15.651rem);
        margin: 0; }
      main #Interview .wrapper .interview-list_carousel .flickity-viewport {
        width: 89.3564%; }
        main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider {
          margin-left: min(18.7442%, 20.3rem); }
          main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item {
            display: flex;
            align-items: center;
            width: min(81.2557%, 88rem);
            margin-right: 9.4884%; }
            main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item.is-selected .interview-thum {
              width: min(43.1818%, 38rem);
              left: 0;
              margin-right: min(14.4318%, 12.7rem); }
            main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item.is-selected .interview-txt {
              display: block; }
            main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-thum {
              left: calc(56.8181% - 1.5em);
              width: min(43.1818%, 38rem);
              height: 52rem;
              aspect-ratio: 380/520; }
            main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt {
              display: none;
              margin: 0; }
              main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt .interview-head {
                display: flex;
                justify-content: space-between;
                font-family: "Gurmukhi MN", "Times New Roman", sans-serif; }
                main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt .interview-head .interview-num {
                  font-size: 3.25em; }
              main #Interview .wrapper .interview-list_carousel .flickity-viewport .flickity-slider .interview-list-item .interview-txt .interview-title {
                margin-top: .8461em;
                font-size: 1.625em;
                line-height: 1.6153em; }
      main #Interview .wrapper .interview-list_carousel .flickity-prev-next-button {
        top: 26rem; }
        main #Interview .wrapper .interview-list_carousel .flickity-prev-next-button.previous {
          left: 52.0627%; }
        main #Interview .wrapper .interview-list_carousel .flickity-prev-next-button.next {
          right: 4.0082%; }
  main #SNS .anker-box {
    padding: min(7.5402%, 10.3rem) 0 min(10.5417%, 14.4rem); }
    main #SNS .anker-box .inner {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10.6194%;
      width: min(calc(100% - 4em), 90.4rem); }
      main #SNS .anker-box .inner::before {
        top: 0;
        left: 0;
        width: min(9.1283%, 8.252rem);
        height: min(calc((100vw - 4em)*.091283*1.2171), 10.043rem);
        margin-top: max(calc(-19.5%), -21.92rem); }
      main #SNS .anker-box .inner .inst {
        margin-top: 0; }

  footer .footer-body .footer-menu {
    width: 100%; }
    footer .footer-body .footer-menu li {
      margin-left: 0; }
      footer .footer-body .footer-menu li:nth-child(n+2) {
        margin-top: 0;
        margin-left: 2.2em; } }
@media only screen and (min-width: 1000px) {
  .drawer--top button.drawer-hamburger {
    display: none; }
  .drawer--top nav.drawer-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 0;
    right: 6.838rem;
    left: auto;
    z-index: 3;
    opacity: 1;
    width: auto;
    min-width: calc(100% - 14.823rem - 4rem - 4rem - 4rem);
    max-width: calc(50% - 4rem + 30.385rem);
    height: 10.4rem;
    padding: 0;
    background-color: transparent; }
    .drawer--top nav.drawer-nav .sitename {
      display: none; }
    .drawer--top nav.drawer-nav ul.drawer-menu {
      display: flex;
      justify-content: center;
      flex-wrap: nowrap;
      width: 100%;
      margin-top: 0; }
      .drawer--top nav.drawer-nav ul.drawer-menu .drawer-menu-item {
        color: #000; }
        .drawer--top nav.drawer-nav ul.drawer-menu .drawer-menu-item a {
          font-size: 1.5em;
          line-height: 1; }
        .drawer--top nav.drawer-nav ul.drawer-menu .drawer-menu-item + .drawer-menu-item a::before {
          content: "／";
          display: inline-block;
          margin: 0 1em; }
    .drawer--top nav.drawer-nav .drawer-bottom {
      margin-top: 0; }
      .drawer--top nav.drawer-nav .drawer-bottom .sns a {
        margin-right: 1em; }
        .drawer--top nav.drawer-nav .drawer-bottom .sns a.fb {
          background-image: url("../img/icon_fb-bk.svg"); }
        .drawer--top nav.drawer-nav .drawer-bottom .sns a.inst {
          margin-right: 0;
          background-image: url("../img/icon_inst-bk.svg"); }
      .drawer--top nav.drawer-nav .drawer-bottom .subscription {
        display: none; }

  main section .inner {
    width: calc(100% - 12em); }
  main .wrap .interview-list {
    grid-template-columns: repeat(3, 1fr); }
  main .mv {
    min-height: auto;
    max-height: 68rem; }
  main #Takachiho .inner p span {
    display: block; }

  footer .footer-body {
    display: grid;
    grid-template-columns: 1fr 3.9fr;
    grid-gap: 0; }
    footer .footer-body .footer-logo {
      grid-area: 1/1/2/2;
      margin: 0;
      width: 18.987rem; }
    footer .footer-body .footer-menu {
      grid-area: 1/2/2/3;
      justify-content: flex-end;
      align-items: center;
      margin: 0 0 0 auto; }
  footer .totop {
    right: 1.9138%; } }
@media only screen and (min-width: 1280px) {
  body {
    max-width: 136.6rem;
    margin: 0 auto; }

  .drawer--top nav.drawer-nav {
    right: max(calc(50% - 68.3rem + 6.838rem), 6.838rem);
    width: 100%;
    min-width: auto;
    max-width: 136.6rem; }

  main .wrap .interview-list {
    grid-template-columns: repeat(4, 1fr); }
  main #Takachiho.bg-gr::before {
    left: calc(50% - 54.4rem); } }