@charset "utf-8";@import url("https://use.typekit.net/cqi6ipp.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
.pc-only {
  display: block; }

.sp-only {
  display: none; }

@media screen and (max-width: 750px) and (min-width: 0px) {
  .pc-only {
    display: none; }

  .sp-only {
    display: block; } }
.tww-contents {
  font-family: "Noto Sans JP", sans-serif;
  color: #707070;
  padding-bottom: 205px;
  max-width: 1319px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 100; }
  @media screen and (max-width: 750px) and (min-width: 0px) {
    .tww-contents {
      padding: 0; } }
  .tww-contents p {
    line-height: 2.5;
    font-weight: 300; }
  @media screen and (max-width: 750px) and (min-width: 0px) {
    .tww-contents p {
      font-weight: 400; } }
  .tww-contents .lead-block {
    padding-bottom: 180px; }
  .tww-contents .main-visual img {
    width: 100%; }
  .tww-contents .lead-text-area .lead-ttl {
    letter-spacing: 0.07em;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    padding: 140px 0 70px;
    line-height: 2.3 !important;
    -webkit-transform: scale(0.9, 1);
            transform: scale(0.9, 1); }
    .tww-contents .lead-text-area .lead-ttl .en {
      font-family: "bebas-neue";
      font-weight: 400;
      font-size: 35px; }
  .tww-contents .lead-text-area .lead-text {
    font-size: 20px;
    text-align: center;
    -webkit-transform: scale(0.9, 1);
            transform: scale(0.9, 1);
    letter-spacing: -0.02em; }
  @media screen and (max-width: 750px) and (min-width: 0px) {
    .tww-contents .lead-block {
      padding-bottom: 60px; }
    .tww-contents .lead-text-area .lead-ttl {
      padding: 50px 0 30px;
      font-size: 24px;
      line-height: 1.75 !important;
      -webkit-transform: scale(0.9, 1);
              transform: scale(0.9, 1); }
      .tww-contents .lead-text-area .lead-ttl .en {
        font-size: 28px; }
    .tww-contents .lead-text-area .lead-text {
      font-size: 15px;
      line-height: 1.7 !important; } }
  .tww-contents .body-block {
    max-width: 1320px;
    margin: 0 auto; }
  .tww-contents .tww-grid, .tww-contents .tww-grid--s {
    margin-bottom: 185px; }
    .tww-contents .tww-grid:last-child, .tww-contents .tww-grid--s:last-child {
      margin-bottom: 0; }
  .tww-contents .tww-ttl, .tww-contents .tww-ttl--en {
    letter-spacing: 0.07em;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 70px;
    line-height: 2 !important;
    color: #707070;
    -webkit-transform: scale(0.9, 1);
            transform: scale(0.9, 1);
    letter-spacing: -0.02em; }
    .tww-contents .tww-ttl .en, .tww-contents .tww-ttl--en .en {
      font-family: "bebas-neue";
      font-weight: 400;
      font-size: 35px;
      letter-spacing: 0.1em; }
    .tww-contents .tww-ttl--en {
      padding-bottom: 120px;
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1); }
      .tww-contents .tww-ttl--en .en {
        font-size: 50px; }
  @media screen and (max-width: 750px) and (min-width: 0px) {
    .tww-contents .tww-grid, .tww-contents .tww-grid--s {
      margin-bottom: 100px; }
      .tww-contents .tww-grid:last-child, .tww-contents .tww-grid--s:last-child {
        margin-bottom: 0; }
      .tww-contents .tww-grid--s {
        margin-bottom: 60px; }
    .tww-contents .tww-ttl, .tww-contents .tww-ttl--en {
      letter-spacing: 0;
      font-size: 22px;
      padding-bottom: 45px;
      line-height: 2 !important; }
      .tww-contents .tww-ttl .en, .tww-contents .tww-ttl--en .en {
        font-size: 22px; }
      .tww-contents .tww-ttl--en {
        padding-bottom: 40px; }
        .tww-contents .tww-ttl--en .en {
          font-size: 32px; }
      .tww-contents .tww-ttl--min {
        line-height: 1.5 !important;
        display: inline-block; }
    .tww-contents .spls {
      letter-spacing: -0.04em;
      font-weight: 400; }
    .tww-contents .spls .en {
      letter-spacing: normal; } }
  .tww-contents .tww-ttl-sub {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 60px;
    line-height: 1.65 !important;
    color: #707070;
    -webkit-transform: scale(0.9, 1);
            transform: scale(0.9, 1);
    letter-spacing: -0.02em; }
    .tww-contents .tww-ttl-sub .en {
      font-family: "bebas-neue";
      font-weight: 400;
      font-size: 35px; }
  .tww-contents .tww-txt {
    text-align: center;
    font-size: 20px;
    -webkit-transform: scale(0.9, 1);
            transform: scale(0.9, 1);
    letter-spacing: -0.02em; }
  .tww-contents .tww-img-list {
    margin: 0 auto;
    margin-bottom: 90px;
    max-width: 1200px; }
    .tww-contents .tww-img-list li:nth-child(n + 2) {
      margin-top: 70px; }
  @media screen and (max-width: 750px) and (min-width: 0px) {
    .tww-contents .tww-ttl-sub {
      font-size: 21.5px;
      padding-bottom: 30px;
      line-height: 1.13 !important;
      color: #707070; }
      .tww-contents .tww-ttl-sub .en {
        font-size: 35px; }
    .tww-contents .tww-txt {
      font-size: 15px;
      letter-spacing: -0.02em;
      line-height: 1.7;
      width: 110%;
      -webkit-transform: scale(0.9, 1) translateX(-5%);
              transform: scale(0.9, 1) translateX(-5%); }
    .tww-contents .tww-img-list {
      margin-bottom: 45px; }
      .tww-contents .tww-img-list li:nth-child(n + 2) {
        margin-top: 28px; } }
  .tww-contents .tww-price-list {
    padding-top: 60px;
    -webkit-transform: scale(0.9, 1);
            transform: scale(0.9, 1); }
    .tww-contents .tww-price-list li {
      font-family: "bebas-neue";
      font-size: 20px;
      text-align: center;
      letter-spacing: 0.15em; }
      .tww-contents .tww-price-list li:nth-child(n + 2) {
        margin-top: 10px; }
      .tww-contents .tww-price-list li a {
        color: #707070;
        -webkit-transition: .3s;
        transition: .3s; }
        .tww-contents .tww-price-list li a:hover {
          -webkit-transition: .3s;
          transition: .3s; }
      .tww-contents .tww-price-list li .en {
        font-size: 24px; }
      .tww-contents .tww-price-list li .jp {
        letter-spacing: 0.02em;
        font-size: 18px; }
  @media screen and (max-width: 750px) and (min-width: 0px) {
    .tww-contents .tww-price-list {
      padding-top: 50px; }
      .tww-contents .tww-price-list li {
        font-size: 15px;
        letter-spacing: 0.1em; }
        .tww-contents .tww-price-list li:nth-child(n + 2) {
          margin-top: 5px; }
        .tww-contents .tww-price-list li .en {
          font-size: 20px;
          letter-spacing: 0.12em; } }
  .tww-contents .tww-box {
    position: relative;
    border: 5px solid #707070;
    margin-top: 190px;
    padding: 80px 20px 50px;
    text-align: center;
    font-size: 20px; }
    .tww-contents .tww-box-ttl {
      background-color: #fff;
      padding: 0 65px;
      position: absolute;
      top: -20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      font-family: "bebas-neue";
      font-size: 40px;
      color: #707070;
      line-height: 1;
      letter-spacing: 0.07em; }
    .tww-contents .tww-box-txt {
      -webkit-transform: scale(0.9, 1);
              transform: scale(0.9, 1);
      letter-spacing: -0.02em; }
  .tww-contents .tww-en-ttl {
    font-family: "bebas-neue";
    font-size: 40px;
    color: #707070;
    letter-spacing: 0.09em;
    text-align: center;
    padding-bottom: 70px;
    line-height: 1.85; }
  .tww-contents .tww-profile {
    width: calc(100% + 150px); }
    .tww-contents .tww-profile-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .tww-contents .tww-profile-item:nth-child(n + 2) {
        margin-top: 80px; }
      .tww-contents .tww-profile-item .l-img {
        width: 392px; }
      .tww-contents .tww-profile-item .l-desc {
        width: calc(85% - 392px);
        font-size: 18px; }
        .tww-contents .tww-profile-item .l-desc p {
          line-height: 4.1;
          -webkit-transform: scale(0.9, 1) translateX(-5%);
                  transform: scale(0.9, 1) translateX(-5%);
          letter-spacing: -0.02em; }
        .tww-contents .tww-profile-item .l-desc a {
          color: #707070;
          -webkit-transition: .3s;
          transition: .3s; }
          .tww-contents .tww-profile-item .l-desc a:hover {
            -webkit-transition: .3s;
            transition: .3s; }
      .tww-contents .tww-profile-item .l-name {
        font-size: 23px;
        font-weight: 500;
        -webkit-font-feature-settings: normal;
                font-feature-settings: normal; }
  .tww-contents .tww-staff-list li {
    font-family: "bebas-neue";
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.15em;
    -webkit-transform: scale(0.9, 1);
            transform: scale(0.9, 1); }
    .tww-contents .tww-staff-list li:nth-child(n + 2) {
      margin-top: 20px; }
  @media screen and (max-width: 1340px) and (min-width: 751px) {
    .tww-contents .tww-profile {
      width: 100%; }
      .tww-contents .tww-profile-item .l-img {
        width: 35%; }
      .tww-contents .tww-profile-item .l-desc {
        width: 60%; }
        .tww-contents .tww-profile-item .l-desc p {
          line-height: 2.2; } }
  @media screen and (max-width: 750px) and (min-width: 0px) {
    .tww-contents .tww-box {
      border: 2px solid #707070;
      padding: 30px 5px 20px;
      font-size: 15px;
      width: 96%;
      margin: 90px auto 0; }
      .tww-contents .tww-box-ttl {
        padding: 0 15px;
        position: absolute;
        top: -10px;
        font-size: 25px; }
      .tww-contents .tww-box-txt {
        letter-spacing: -0.05em;
        line-height: 1.7;
        width: 130%;
        -webkit-transform: scale(0.8, 1) translateX(-15%);
                transform: scale(0.8, 1) translateX(-15%); }
    .tww-contents .tww-en-ttl {
      font-size: 25px;
      padding-bottom: 15px;
      line-height: 1.8; }
    .tww-contents .tww-profile {
      width: 100%;
      padding: 0 3%; }
      .tww-contents .tww-profile-item:nth-child(n + 2) {
        margin-top: 20px; }
      .tww-contents .tww-profile-item .l-img {
        width: 30%; }
      .tww-contents .tww-profile-item .l-desc {
        width: 68%;
        font-size: 10px; }
        .tww-contents .tww-profile-item .l-desc p {
          line-height: 1.7;
          letter-spacing: -0.02em;
          width: 120%;
          -webkit-transform: scale(0.8, 1) translateX(-10%);
                  transform: scale(0.8, 1) translateX(-10%); }
      .tww-contents .tww-profile-item .l-name {
        font-size: 13px; }
    .tww-contents .tww-staff-list li {
      font-size: 13px; }
      .tww-contents .tww-staff-list li:nth-child(n + 2) {
        margin-top: 15px; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes secondaryImageOverlayIn {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@keyframes secondaryImageOverlayIn {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@-webkit-keyframes secondaryImageOverlayOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%); } }
@keyframes secondaryImageOverlayOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%); } }
@-webkit-keyframes secondaryImageOverlayIn2 {
  0% {
    width: 100%;
    height: 0; }
  100% {
    width: 100%;
    height: 100%; } }
@keyframes secondaryImageOverlayIn2 {
  0% {
    width: 100%;
    height: 0; }
  100% {
    width: 100%;
    height: 100%; } }
@-webkit-keyframes secondaryImageOverlayOut2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px); } }
@keyframes secondaryImageOverlayOut2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px); } }
@-webkit-keyframes fadeIn2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
            transform: translateY(80px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes fadeIn2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
            transform: translateY(80px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.inner {
  opacity: 0; }
  .inner--moved {
    -webkit-animation: fadeIn 0.1s 0.5s;
            animation: fadeIn 0.1s 0.5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  .inner--moved-sp {
    -webkit-animation: fadeIn 0.1s 0.5s;
            animation: fadeIn 0.1s 0.5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

.title-in {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 10;
  opacity: 0; }
  .title-in--moved {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1; }
    .title-in--moved:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: #000;
      -webkit-animation: secondaryImageOverlayIn 0.3s 0s ease, secondaryImageOverlayOut 0.3s 0.5s cubic-bezier(0.77, 0, 0.175, 3);
              animation: secondaryImageOverlayIn 0.3s 0s ease, secondaryImageOverlayOut 0.3s 0.5s cubic-bezier(0.77, 0, 0.175, 3);
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }

.title-in__y {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 10;
  opacity: 0; }
  .title-in__y--moved {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1; }
    .title-in__y--moved:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: #000;
      -webkit-animation: secondaryImageOverlayIn2 0.3s 0s, secondaryImageOverlayOut2 0.8s 0.5s cubic-bezier(0.77, 0, 0.175, 3);
              animation: secondaryImageOverlayIn2 0.3s 0s, secondaryImageOverlayOut2 0.8s 0.5s cubic-bezier(0.77, 0, 0.175, 3);
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }
  .title-in__y--moved-sp {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1; }
    .title-in__y--moved-sp:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: #000;
      -webkit-animation: secondaryImageOverlayIn 0.3s 0s ease, secondaryImageOverlayOut 0.3s 0.5s cubic-bezier(0.77, 0, 0.175, 3);
              animation: secondaryImageOverlayIn 0.3s 0s ease, secondaryImageOverlayOut 0.3s 0.5s cubic-bezier(0.77, 0, 0.175, 3);
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }

.fade-in00 {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  opacity: 0; }
  .fade-in00--moved {
    opacity: 1; }

.fade-in30 {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px); }
  .fade-in30--moved {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.fade-in100 {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px); }
  .fade-in100--moved {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.order-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .order-list__item {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
    opacity: 0; }
    .order-list__item--moved {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }


@media only screen and (max-width: 750px){
.crumbsList {
    display: none;
}}