@charset "UTF-8";
div.tpl-link .tpl-link__title:hover {
  text-decoration: none; }

.iframe_wrap iframe[src*="youtube.com"],
.iframe_wrap iframe[src*="youtube-nocookie.com"] {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto; }

.iframe_player {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto; }

body.animation {
  width: 100%;
  height: 100vh;
  overflow: hidden; }

.tpl-cover__bg .tpl-figure .tpl-image.bottom_img {
  object-position: bottom center; }

.tpl-card__header a:hover {
  opacity: 0.75; }

.tpl-cover .tpl-cover__bg .tpl-image, .tpl-cover--large .tpl-cover__bg .tpl-image {
  min-height: 0; }
  @media screen and (min-width: 600px) {
    .tpl-cover .tpl-cover__bg .tpl-image, .tpl-cover--large .tpl-cover__bg .tpl-image {
      object-position: 50% 65%; } }

/*----------------------------------------
休業告知
----------------------------------------*/
.kyugyou_kokuchi {
  padding: 30px 0 0;
  text-align: center;
  color: #900; }
  @media screen and (max-width: 600px) {
    .kyugyou_kokuchi {
      padding: 30px 0 0;
      text-align: left; } }
  .kyugyou_kokuchi p {
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5; }

.home .tpl-cover.tpl-cover--hero {
  height: 100vh; }

@media screen and (max-width: 600px) {
  .home .tpl-cover.tpl-cover--hero {
    height: 100svh; } }
.home .sec_obi {
  padding-top: 20px;
  width: 100%; }

@media screen and (max-width: 600px) {
  .home .sec_obi {
    padding-top: 10px; } }
.home .sec_obi .obi_wrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
  max-width: 1280px;
  margin: 0 auto;
  width: calc(100% - 40px); }

@media screen and (max-width: 600px) {
  .home .sec_obi .obi_wrap {
    width: 100%; } }
.home .sec_obi .obi_wrap > div {
  width: calc(100%/3);
  position: relative;
  font-size: 2.4rem;
  line-height: 78px;
  text-align: center;
  letter-spacing: 0.03em; }

@media screen and (max-width: 1280px) {
  .home .sec_obi .obi_wrap > div {
    line-height: 1;
    padding: 0.8em 1.5em;
    width: auto;
    font-size: 1.875vw; } }
@media screen and (max-width: 767px) {
  .home .sec_obi .obi_wrap > div {
    font-size: 2.66vw;
    line-height: 1.4;
    padding: 1em 0.5em;
    width: calc(100%/3);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; } }
@media screen and (max-width: 480px) {
  .home .sec_obi .obi_wrap > div {
    text-align: center;
    font-size: 2.66vw;
    font-size: 10px;
    padding: 1em 0; } }
.home .sec_obi .obi_wrap > div::after {
  content: "";
  position: absolute;
  top: 0.2em;
  right: 0;
  bottom: 0.2em;
  width: 1px;
  background: #3F2021;
  display: block;
  z-index: 1; }

@media screen and (max-width: 767px) {
  .home .sec_obi .obi_wrap > div::after {
    top: 0.8em;
    bottom: 0.8em; } }
@media screen and (max-width: 767px) {
  .home .sec_obi .obi_wrap > div:last-child::after {
    display: none; } }
.home .sec_obi .obi_wrap > div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0.2em;
  left: 0;
  bottom: 0.2em;
  width: 1px;
  background: #3F2021;
  display: block;
  z-index: 1; }

@media screen and (max-width: 767px) {
  .home .sec_obi .obi_wrap > div:nth-child(1)::before {
    display: none; } }
.home .sec_obi .obi_wrap sup {
  line-height: 1;
  top: -0.8em;
  font-size: 60%; }

@media screen and (max-width: 480px) {
  .home .sec_obi .obi_wrap sup {
    font-size: 50%;
    top: -0.5em; } }
.home .sec_obi .obi_wrap .vsp {
  display: none; }

@media screen and (max-width: 767px) {
  .home .sec_obi .obi_wrap .vsp {
    display: block; } }
.home .tpl-headline .tpl-headline__title-en {
  font-size: 3rem; }

.home .tpl-headline .tpl-headline__subtitle-jp {
  font-size: 1.4rem; }

/*---------------------------------------------
トピックス
---------------------------------------------*/
.home .topics-section {
  padding: 58px 0 87px; }

@media screen and (max-width: 768px) {
  .home .topics-section {
    padding: 40px 0; } }
.home .topics-section .tpl-stack {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  grid-gap: 28px 0; }
  .home .topics-section .tpl-stack .tpl-card {
    display: flex;
    flex-direction: column;
    grid-gap: 1rem 0; }

@media screen and (max-width: 768px) {
  .home .topics-section .tpl-stack {
    grid-gap: 40px 0;
    justify-content: flex-start;
    align-items: flex-start; }

  .home .topics-section .tpl-stack .tpl-card__title span.txt.no_link {
    padding-right: 0; } }
.home .topics-section .tpl-block {
  padding-top: 30px; }

.home .topics-section .tpl-card__body {
  padding-top: 0;
  display: flex;
  justify-content: flex-start;
  grid-gap: 0 20px;
  flex-direction: row; }
  .home .topics-section .tpl-card__body + .tpl-card__body {
    padding-top: 20px; }

@media screen and (max-width: 768px) {
  .home .topics-section .tpl-card__body {
    flex-direction: column; }

  .home .topics-section .tpl-card__body .tpl-card__title {
    font-size: 1.4rem; } }
.home .topics-section .tpl-card__tag {
  color: #3e1f20;
  margin: 0;
  padding: 0;
  width: 130px;
  background: none;
  font-weight: 600;
  letter-spacing: 0;
  position: relative;
  top: 0.3em; }

@media screen and (max-width: 768px) {
  .home .topics-section .tpl-card__tag {
    top: 0;
    width: 100%; } }
.home .topics-section .tpl-card__title {
  /* width: 405px;*/
  /* width: 440px;*/
  /* width: 470px;*/
  /* width: 260px;*/
  /*    width: 370px;*/
  /*    width: 310px;*/
  /*    width: 325px;*/
  /*    width: 350px;*/ }

@media screen and (max-width: 768px) {
  .home .topics-section .tpl-card__title {
    width: 100%; } }
.home .topics-section .tpl-card__title .txt {
  position: relative;
  display: inline-block;
  font-feature-settings: "palt";
  padding-right: 0.5em;
  color: #3e1f20; }

.home .topics-section .tpl-card__title .ico {
  display: inline-block;
  line-height: 0;
  width: 14px;
  height: 14px;
  position: relative;
  top: 0.1em;
  margin-left: 0.2em;
  /* position: absolute;*/
  /* right: -10px;*/
  /* top: 5px;*/
  background-image: url("../images/ico_link.svg");
  background-size: 14px;
  background-position: top left;
  background-repeat: no-repeat; }

.home .txt_center {
  text-align: center; }

@media screen and (max-width: 768px) {
  .home .topics-section .tpl-card__title span.txt {
    padding-right: 20px; }

  .home .topics-section .tpl-card__title span.ico {
    right: 0; } }
.vsp480 {
  display: none; }

@media screen and (max-width: 480px) {
  .vsp480 {
    display: block; }

  .home .topics-section .tpl-card__title span.txt {
    padding-right: 0; }

  .home .topics-section .tpl-card__body .tpl-card__title {
    font-size: 1.3rem; } }
/*---------------------------------------------
コンセプト
---------------------------------------------*/
.home .concept-section {
  max-width: 1050px; }
  .home .concept-section .tpl-headline__copy {
    font-size: 2.4rem; }
    @media screen and (max-width: 768px) {
      .home .concept-section .tpl-headline__copy {
        font-size: 1.8rem; } }
  .home .concept-section .top-concept-items {
    width: 100%;
    margin: 0 auto 118px;
    margin: 0 auto 40px;
    display: flex;
    flex-direction: column;
    grid-gap: 40px 0; }
    @media screen and (max-width: 768px) {
      .home .concept-section .top-concept-items {
        margin-bottom: 33px;
        grid-gap: 25px 0; } }
    .home .concept-section .top-concept-items .top-concept-item {
      display: flex;
      justify-content: space-between;
      flex-direction: column-reverse;
      width: 100%; }
      .home .concept-section .top-concept-items .top-concept-item:nth-child(2n) .tpl-concept-figure {
        margin-left: auto; }
      .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure {
        width: 100%; }
        .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure video {
          width: 100%;
          height: 100%;
          cursor: pointer; }
        .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .img_cap {
          bottom: 0;
          right: 5px;
          padding: 3px 0 3px 3px;
          font-feature-settings: "palt"; }
          .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .img_cap.sp_small {
            font-size: 8px; }
            @media screen and (max-width: 768px) {
              .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .img_cap.sp_small {
                font-size: 6px;
                letter-spacing: 0;
                right: -0.2em; } }
          @media screen and (max-width: 600px) {
            .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .img_cap.sp_left {
              right: auto;
              left: 3px; } }
        .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .c_img_txt {
          font-size: 17px;
          line-height: 1.56;
          position: absolute;
          bottom: 0.8em;
          right: 10px;
          z-index: 2;
          color: #fff;
          font-feature-settings: "palt"; }
          @media screen and (max-width: 1280px) {
            .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .c_img_txt {
              font-size: 1.328125vw; } }
          @media screen and (max-width: 768px) {
            .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .c_img_txt {
              font-size: 3vw;
              bottom: 1em; } }
          @media screen and (max-width: 480px) {
            .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .c_img_txt {
              font-size: 3.7vw;
              letter-spacing: 0.05em; } }
          .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure .c_img_txt.left {
            left: 10px;
            right: auto; }
        .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure figcaption {
          position: absolute;
          bottom: -1.5em;
          padding: 0 0.2em; }
          .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure figcaption.left {
            left: 0; }
            @media screen and (max-width: 768px) {
              .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure figcaption.left {
                left: auto;
                right: 0; } }
          .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure figcaption.right {
            right: 0; }
            @media screen and (max-width: 768px) {
              .home .concept-section .top-concept-items .top-concept-item .tpl-concept-figure figcaption.right {
                left: auto;
                right: 0; } }
      .home .concept-section .top-concept-items .top-concept-item .tpl-concept__copy {
        width: calc(521%/10.42);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.3;
        letter-spacing: 0.03em;
        margin-bottom: 1em; }
        @media screen and (max-width: 1042px) {
          .home .concept-section .top-concept-items .top-concept-item .tpl-concept__copy {
            font-size: 1.8vw; } }
        @media screen and (max-width: 768px) {
          .home .concept-section .top-concept-items .top-concept-item .tpl-concept__copy {
            display: block;
            padding: 0;
            width: 100%;
            font-size: 1.2rem;
            line-height: 2.16;
            margin-bottom: 25px;
            font-size: 1.2rem;
            line-height: 2.16;
            text-align: center;
            margin-bottom: 2em; } }
        .home .concept-section .top-concept-items .top-concept-item .tpl-concept__copy.wide_txt {
          padding-right: 0; }
          .home .concept-section .top-concept-items .top-concept-item .tpl-concept__copy.wide_txt > p {
            letter-spacing: 0.01em; }

/*---------------------------------------------
下層誘導コンテンツ
---------------------------------------------*/
.home .top_mores .sp_br {
  display: block; }
.home .top_mores .tpl-cover {
  position: relative;
  min-height: 100px;
  padding: 0 0 calc(374%/12.8); }
  @media screen and (min-width: 768px) and (max-width: 1280px) {
    .home .top_mores .tpl-cover {
      padding-bottom: 374px; } }
  @media screen and (max-width: 768px) {
    .home .top_mores .tpl-cover {
      padding: 26vw 0 20vw;
      min-height: 346px; } }
  .home .top_mores .tpl-cover:hover .btn_more p {
    background: rgba(255, 255, 255, 0.45);
    border: none;
    transform: scale(1.1, 1.1); }
    .home .top_mores .tpl-cover:hover .btn_more p::after {
      -webkit-transform: translateX(5px);
      transform: translateX(5px); }
  @media screen and (max-width: 768px) {
    .home .top_mores .tpl-cover .img_cap {
      left: 0;
      right: auto; } }
  .home .top_mores .tpl-cover .tpl-cover__bg {
    width: 100%; }
  @media screen and (max-width: 1280px) {
    .home .top_mores .tpl-cover .tpl-headline__copy {
      padding-top: 2em; } }
  @media screen and (max-width: 768px) {
    .home .top_mores .tpl-cover .tpl-headline__copy {
      padding-top: 2em; } }
  .home .top_mores .tpl-cover .tpl-headline__subcopy {
    padding-top: 20px; }
    @media screen and (max-width: 1280px) {
      .home .top_mores .tpl-cover .tpl-headline__subcopy {
        padding-top: 20px;
        margin-bottom: 1em; } }
    .home .top_mores .tpl-cover .tpl-headline__subcopy .notes {
      display: block;
      margin-top: 0.5em;
      font-size: 70%; }
      @media screen and (max-width: 768px) {
        .home .top_mores .tpl-cover .tpl-headline__subcopy .notes {
          margin-bottom: 1em; } }
  .home .top_mores .tpl-cover .btn_more {
    position: relative;
    width: 150px;
    height: 40px;
    margin: 45px auto 0; }
    @media screen and (max-width: 768px) {
      .home .top_mores .tpl-cover .btn_more {
        margin: 0;
        width: 188px;
        height: 59px;
        padding-left: 8vw; } }
    .home .top_mores .tpl-cover .btn_more p {
      display: flex;
      border: 1px solid #fff;
      justify-content: center;
      align-items: center;
      position: relative;
      font-size: 12px;
      padding: 15px;
      color: #fff;
      letter-spacing: 0.1em;
      text-align: center;
      transition-duration: 0.5s;
      font-family: Montserrat, sans-serif;
      background: #fff;
      color: #3e1f20; }
      .home .top_mores .tpl-cover .btn_more p span {
        position: relative; }
        .home .top_mores .tpl-cover .btn_more p span::before {
          content: "";
          position: absolute;
          top: 3px;
          right: -10px;
          width: 6px;
          height: 6px;
          border-top: 1px solid #3e1f20;
          border-right: 1px solid #3e1f20;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          line-height: 0; }
  @media screen and (min-width: 768px) {
    .home .top_mores .tpl-cover .txts {
      position: absolute;
      inset: 0;
      margin: auto;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }

.home .tpl-button.color01 {
  background: #3e1f20 !important; }

.home .tpl-section--white.white_bg:before {
  background: #fff; }

.home .plan-section {
  max-width: 1090px; }

@media screen and (max-width: 768px) {
  .home .plan-section .tpl-button {
    margin-top: 40px; } }
.home .plan-section .plan_btns {
  margin-left: auto;
  margin-right: auto; }

.home .plan-section .tpl-stack[data-columns="2"] {
  display: flex;
  align-items: stretch;
  justify-content: center; }

.home .plan-section .tpl-card__header {
  display: flex;
  align-items: center; }

.home .plan-section .tpl-card__body {
  margin-top: auto;
  padding: 0 15px; }

.home .plan-section .tpl-card {
  width: calc(260%/10.9); }

@media screen and (max-width: 768px) {
  .home .plan-section .tpl-card {
    width: calc(260%/3.22) !important; }

  .home .plan-section .tpl-card__body {
    padding: 0 20px; } }
.top_intoro {
  position: fixed;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d7d2cb;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.8s opacity ease-in-out 0.2s; }

.top_intoro .top_intoro_in {
  /*    opacity: 0;*/ }

.top_intoro .top_intoro_in > div {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; }

.top_intoro .top_intoro_in .svg01 {
  filter: blur(15px);
  opacity: 0;
  transition: 2s all ease-in-out 0.2s; }

.top_intoro .top_intoro_in .svg01 img {
  opacity: 0;
  transition: 4s all ease-in-out 1s; }

.top_intoro .top_intoro_in .svg_bg {
  opacity: 0;
  transition: 1.3s opacity ease-in-out 0s; }

.top_intoro .top_intoro_in .svg02 {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 3s all ease-in-out 0.2s;
  width: 320px; }

@media screen and (max-width: 767px) {
  .top_intoro .top_intoro_in .svg02 {
    width: 265px; } }
.top_intoro .top_intoro_in .svg02 img {
  opacity: 0;
  filter: blur(15px);
  transition: 0.5s all ease-in-out 0.2s; }

.top_intoro .top_intoro_in.active1 .svg01 {
  opacity: 1 !important;
  filter: blur(0); }

.top_intoro .top_intoro_in.active1 .svg01 img {
  opacity: 1; }

.top_intoro .top_intoro_in.active2 .svg01 {
  opacity: 0 !important; }

.top_intoro .top_intoro_in.active2 .svg_bg {
  opacity: 1; }

.top_intoro .top_intoro_in.active1 .movie_wrap {
  opacity: 1; }

.top_intoro .top_intoro_in.active3 .svg02 {
  opacity: 1 !important; }

.top_intoro .top_intoro_in.active3 .svg02 img {
  opacity: 1;
  filter: blur(0); }

.top_intoro .top_intoro_in.active4 .svg02 {
  opacity: 0 !important;
  filter: blur(15px);
  transition: 0.3s all ease-in-out 0.2; }

.top_intoro .tpl-intro__svg {
  fill: #3f2021; }

.caps {
  display: flex;
  justify-content: flex-end;
  grid-gap: 15px; }

.caps .cap_r {
  line-height: 1; }

.caps .han {
  font-size: 1.2rem;
  display: flex;
  line-height: 1; }

.caps .han hr {
  margin: 0 5px 0 8px;
  height: 0.8em;
  width: 2em;
  border: 1px solid #333;
  padding: 0;
  background: #333; }

.caps .han hr.yukadan {
  background: #f4f1e4; }

.caps .han hr.syunou {
  background: #d4c9aa; }

@media screen and (max-width: 960px) {
  .caps {
    display: block; }

  .caps .cap_r {
    margin-top: 0.5em;
    text-align: left; } }
@media screen and (max-width: 768px) {
  .caps .han {
    font-size: 1rem; } }
.top_entry_area {
  text-align: center;
  background: #E5E1DC; }
  @media screen and (max-width: 768px) {
    .top_entry_area {
      text-align: left; } }

.top_entry_area .item_wrap {
  /*    max-width: 315px;*/
  margin: 0 auto; }

.top_entry_area .tpl-card__body {
  padding-top: 0; }

.top_entry_area .tpl-card__copy {
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 1em;
  text-align: center; }

.top_entry_area .top_entry_btn01 {
  max-width: 315px;
  margin: 0 auto;
  background: none;
  border: 1px solid #3F2021;
  color: #3F2021;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: left;
  display: block;
  line-height: 58px;
  padding: 0 20px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .top_entry_area .top_entry_btn01 {
      max-width: 450px; } }
  .top_entry_area .top_entry_btn01.no_ico {
    cursor: pointer; }
    .top_entry_area .top_entry_btn01.no_ico::after {
      display: none; }

.top_entry_area .top_entry_btn01::after {
  content: "";
  line-height: 0;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../images/ico_link2.svg);
  background-size: 11px auto;
  background-position: top left;
  background-repeat: no-repeat; }

.top_entry_area .top_entry_btn01:hover {
  opacity: 0.7; }

.top_entry_area .top_entry_btn02 {
  text-decoration: underline;
  font-size: 1.3rem;
  margin-top: 1.2em;
  display: block;
  text-align: center; }

@media screen and (max-width: 600px) {
  .top_entry_area .tpl-card__copy {
    text-align: left; }

  .top_entry_area .tpl-card__copy br {
    display: none; } }
.ytItems_wrap {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto; }

.ytItems {
  margin: auto;
  padding: 0;
  list-style: none; }

.ytItems {
  position: relative;
  background: #000;
  max-width: 525;
  width: 100%;
  height: auto;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  cursor: pointer; }
  .ytItems iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media screen and (min-width: 769px) {
  .img_cap.wide_cap {
    padding: 5px 10px;
    right: 13px; } }

.cap_wrap.white_bg {
  padding: 0.5rem 10px;
  background: #fff; }

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