/*! Writen  by SCSS */
header .logo span {
  color: #333;
  color: #000;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.4), 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 2px rgba(255, 255, 255, 0.4), 0px 0px 3px rgba(255, 255, 255, 0.4), 0px 0px 4px rgba(255, 255, 255, 0.4), 0px 0px 5px rgba(255, 255, 255, 0.4);
  color: #fff;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 2px rgba(0, 0, 0, 0.3), 0px 0px 3px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.3), 0px 0px 5px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  transition: all 0.3s ease-in-out; }
  @media screen and (max-width: 480px) {
    header .logo span {
      color: #000;
      text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.4), 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 2px rgba(255, 255, 255, 0.4), 0px 0px 3px rgba(255, 255, 255, 0.4), 0px 0px 4px rgba(255, 255, 255, 0.4), 0px 0px 5px rgba(255, 255, 255, 0.4); } }
  body.scrolled header .logo span {
    color: #fff;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 2px rgba(0, 0, 0, 0.3), 0px 0px 3px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.3), 0px 0px 5px rgba(0, 0, 0, 0.3); }

.contents_wrap img {
  margin: 0 auto; }

.wrap {
  padding-top: 0 !important; }

.gnavi_in .gnavi_img .current {
  background: url("../images/common/nav_img_top.jpg") center center/cover; }

.breadlist {
  display: none; }

/*.main {
	position: relative;
	width: 100%;
	padding-bottom: calc(900%/16);
	background-image: url("../images/top/main_bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	@include mq($br_sp){
		padding-bottom: calc(650%/4.24);
		background-image: url("../images/top/main_bg_sp.png");
	}
	.main_txt {
		position: absolute;
		top: 0;
		left: calc(166%/16);
		width: calc(187%/16);
		@include mq($br_sp){
			top: 0;
			left: 0;
			right: 0;
			bottom: auto;
			margin: auto;
			width: calc(102%/4.24);
			z-index: 1;
		}
		img {
			width: 100%;
		}
	}
	.main_bg2 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		img {
			width: 100%;
		}
	}
	.main_img {
		position: absolute;
		inset: 0;
		margin: auto;
		img {
			width: 100%;
		}
	}
	.t_cap_bg{
		@include mq($br_sp){
			z-index: 3;
		}
	}

}*/
.t_main {
  position: relative; }
  @media screen and (max-width: 480px) {
    .t_main .t_cap_bg {
      bottom: 10.66%; } }
  @media screen and (max-width: 480px) {
    .t_main.v2 .t_cap_bg {
      bottom: 0; } }

.main_obi_red {
  position: absolute;
  bottom: 13.5%;
  bottom: 118px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  padding: 20px 0;
  background: #851219;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 20px; }
  @media screen and (max-width: 1600px) {
    .main_obi_red {
      bottom: 13.5%; } }
  @media screen and (max-width: 1180px) {
    .main_obi_red {
      bottom: 15%; } }
  @media screen and (max-width: 480px) {
    .main_obi_red {
      bottom: 0;
      padding: 10px;
      row-gap: 10px; } }
  .main_obi_red .gold_txt {
    display: block;
    /*font-size: 48px;
    font-weight: 400;
    margin:0 auto;
    background: linear-gradient(90deg, #cbb26a, #f1e8c0 50%, #cbb26a);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    @include mq($br_sp){
    	font-size: 26px;
    }*/
    max-width: 564px; }
    @media screen and (max-width: 480px) {
      .main_obi_red .gold_txt {
        width: 70%;
        /*width: 60%;*/ } }
  .main_obi_red small {
    display: block;
    /*line-height: 1;
    font-size:14px; 
    color:#fff;*/
    max-width: 128px; }
    @media screen and (max-width: 480px) {
      .main_obi_red small {
        width: 22%; } }

.obi_red {
  text-align: center;
  padding: 20px 0;
  padding: 25px 0;
  padding: 15px 0;
  padding: 12px 0 10px;
  background: #851219;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 20px;
  row-gap: 10px;
  row-gap: 16px; }
  @media screen and (max-width: 480px) {
    .obi_red {
      bottom: 0;
      padding: 18px 0;
      padding: 0;
      row-gap: 12px; } }
  .obi_red .gold_txt {
    display: block;
    /*font-size: 48px;
    font-weight: 400;
    margin:0 auto;
    background: linear-gradient(90deg, #cbb26a, #f1e8c0 50%, #cbb26a);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    @include mq($br_sp){
    	font-size: 26px;
    }*/
    max-width: 780px; }
    @media screen and (max-width: 480px) {
      .obi_red .gold_txt {
        width: 70%;
        width: 60%;
        width: 81%;
        width: 90%; } }
  .obi_red small {
    display: block;
    /*line-height: 1;
    font-size:14px; 
    color:#fff;*/
    max-width: 128px; }
    @media screen and (max-width: 480px) {
      .obi_red small {
        width: 22%;
        width: 21%; } }

.obi_b {
  text-align: center;
  padding: 10px 15px;
  background: #064f7a; }

.main_obi {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 15px; }
  @media screen and (max-width: 1180px) {
    .main_obi {
      padding-bottom: 10px; } }

.main_icon {
  position: absolute;
  width: 32%;
  width: 58%;
  bottom: 10px;
  left: 10px; }
  .main_icon.v2 {
    width: 32%;
    width: 28%; }
  .main_icon.v3 {
    width: 32%; }
    @media screen and (max-width: 480px) {
      .main_icon.v3 {
        inset: auto;
        top: 70px;
        right: 5px; } }

.main_icon2 {
  position: absolute;
  top: 120px;
  right: 30px;
  right: 70px;
  width: calc(174% / 16);
  max-width: 174px;
  width: calc(390% / 16);
  max-width: 390px; }
  @media screen and (max-width: 480px) {
    .main_icon2 {
      width: 26%;
      top: 80px;
      right: 5px;
      right: auto;
      left: 5px;
      left: 15px; } }

.main_icon3 {
  position: absolute;
  right: 7px;
  top: calc(150% / 9);
  width: calc(760% / 16);
  max-width: 760px; }
  @media screen and (max-width: 480px) {
    .main_icon3 {
      width: 90%;
      inset: auto;
      left: 0;
      right: 0;
      bottom: 20px;
      margin: auto; } }

.obi_wrap {
  position: relative;
  z-index: 100;
  padding: 0 15px 40px;
  padding: 30px 15px;
  text-align: center; }
  @media screen and (max-width: 1450px) {
    .obi_wrap {
      padding-top: calc(30vw/14.5);
      padding-bottom: calc(30vw/14.5); } }
  @media screen and (max-width: 480px) {
    .obi_wrap {
      padding: 10px 0;
      padding: 0; } }

.obi_wrap2 {
  background: linear-gradient(90deg, #004ea2, #0c2480);
  text-align: center;
  padding: 30px 30px; }
  @media screen and (max-width: 480px) {
    .obi_wrap2 {
      padding: 0; } }

.obi_wrap3 {
  background: linear-gradient(90deg, #e4633d, #c25434);
  background: linear-gradient(90deg, #b93a2c, #a63428);
  text-align: center;
  padding: 30px 30px 30px; }
  @media screen and (max-width: 480px) {
    .obi_wrap3 {
      padding: 0; } }

.obi_wrap3_1 {
  background: linear-gradient(90deg, #27a84b, #27a84b);
  text-align: center;
  padding: 35px 30px 15px; }
  @media screen and (max-width: 480px) {
    .obi_wrap3_1 {
      padding: 0; } }

.container {
  max-width: 100%;
  padding: 0;
  background: #e8e7e8; }
  @media screen and (max-width: 767px) {
    .container {
      padding: 0; } }

.sec.w {
  background: #fff; }
.sec.c {
  background: #e8e7e8; }
.sec.pla {
  padding-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .sec.pla {
      padding-bottom: 0; } }
.sec .sec_ttl {
  font-size: clamp(15px, calc(24vw / 16), 24px);
  color: #595757;
  letter-spacing: 0.8em;
  letter-spacing: 0.05em;
  margin-bottom: 2em;
  padding-top: 5em;
  position: relative;
  text-align: center; }
  .sec .sec_ttl::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 4.8em;
    background: #161519; }
  @media screen and (max-width: 767px) {
    .sec .sec_ttl {
      padding-top: 3em; }
      .sec .sec_ttl::after {
        height: 2.8em; } }
.sec .holiday_box {
  max-width: 800px;
  width: 100%;
  color: #c7000a;
  margin: 25px auto 0;
  padding: 20px 10px;
  border: 1px solid #c7000b; }
  @media screen and (max-width: 767px) {
    .sec .holiday_box {
      width: 100%;
      padding: 10px;
      margin-top: 20px; } }
  .sec .holiday_box .holiday_head {
    font-size: 14px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 767px) {
      .sec .holiday_box .holiday_head {
        font-size: 11px;
        font-size: 14px; } }
  .sec .holiday_box .holiday_text {
    font-size: 14px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .sec .holiday_box .holiday_text {
        font-size: 11px;
        letter-spacing: 0.1em; } }
.sec .s_main {
  position: relative; }
.sec .inner.p {
  padding-bottom: 80px; }
.sec .f_box {
  position: relative;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec .f_box {
      display: block; } }
  .sec .f_box .ttl {
    width: calc(240% / 10.5);
    position: relative;
    display: flex;
    justify-content: flex-end; }
    @media screen and (max-width: 480px) {
      .sec .f_box .ttl {
        width: 100%;
        margin-bottom: 20px; } }
    .sec .f_box .ttl p {
      -ms-writing-mode: tb-rl;
      -webkit-writing-mode: vertical-rl;
      text-orientation: upright;
      writing-mode: vertical-rl;
      font-size: clamp(20px, calc(30vw / 10.9), 30px);
      letter-spacing: 0.15em;
      font-weight: 400; }
      @media screen and (max-width: 480px) {
        .sec .f_box .ttl p {
          margin: 0 auto;
          font-size: 20px; } }
      .sec .f_box .ttl p .t {
        -webkit-text-combine: horizontal;
        -ms-text-combine-horizontal: all;
        text-combine-upright: all; }
      .sec .f_box .ttl p .ex1 {
        display: inline-block;
        transform: translateX(0.12em); }
  .sec .f_box .cont {
    width: calc(720% / 10.5); }
    @media screen and (max-width: 480px) {
      .sec .f_box .cont {
        width: 100%; } }
    .sec .f_box .cont .text {
      font-size: clamp(12px, calc(16vw / 10.9), 16px);
      letter-spacing: 0.08em;
      line-height: 2.3;
      font-weight: 400;
      margin-bottom: 3em; }
      .sec .f_box .cont .text sup {
        font-size: 50%; }
      .sec .f_box .cont .text.acc {
        margin-bottom: 0.8em; }
      @media screen and (max-width: 480px) {
        .sec .f_box .cont .text {
          font-size: 14px;
          margin-bottom: 30px;
          text-align: center;
          letter-spacing: 0.04em; }
          .sec .f_box .cont .text .sp_ex {
            display: block;
            margin-top: -0.9em; }
          .sec .f_box .cont .text.acc {
            margin-bottom: 15px; } }
      .sec .f_box .cont .text .s {
        font-size: 60%; }
    .sec .f_box .cont .img {
      max-width: 560px;
      width: 77.78%;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec .f_box .cont .img {
          width: 100%;
          margin-bottom: 20px; } }
      .sec .f_box .cont .img li {
        position: relative;
        width: calc(175% / 5.6); }
        .sec .f_box .cont .img li .txt {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
        .sec .f_box .cont .img li a {
          display: block;
          overflow: hidden; }
          .sec .f_box .cont .img li a .bgi {
            transition: all 0.3s ease-in-out 0s; }
          .sec .f_box .cont .img li a:hover .bgi {
            transform: scale(1.05); }
      .sec .f_box .cont .img.col {
        flex-direction: column;
        gap: 10px; }
        .sec .f_box .cont .img.col li {
          width: 100%; }
  .sec .f_box .btn {
    position: absolute;
    bottom: 0;
    left: 0; }
    @media screen and (max-width: 480px) {
      .sec .f_box .btn {
        position: static;
        margin-bottom: 30px;
        display: flex;
        justify-content: flex-end; } }
    .sec .f_box .btn a {
      white-space: nowrap;
      font-size: clamp(14px, calc(18vw / 10.9), 18px);
      letter-spacing: 0.1em;
      line-height: 1;
      display: flex;
      align-items: center;
      color: #595757;
      transition: all 0.3s ease-in-out 0s; }
      .sec .f_box .btn a .icon {
        display: inline-block;
        margin-left: 0.3em; }
      .sec .f_box .btn a::before {
        content: "";
        width: 0.9em;
        height: 0.9em;
        margin-right: 0.4em;
        border: solid 0.3em #595757;
        background: #fff;
        transition: all 0.3s ease-in-out 0s; }
      .sec .f_box .btn a:hover {
        color: #181777; }
        .sec .f_box .btn a:hover::before {
          border-color: #181777; }
.sec.con .bg::after {
  background: #161519; }
  @media screen and (max-width: 480px) {
    .sec.con .bg::after {
      display: none; } }
@media screen and (max-width: 480px) {
  .sec.con .f_box .ttl p {
    height: 12.7em; } }
.sec.loc .f_box .cont .img {
  max-width: 650px;
  width: 90.28%; }
  @media screen and (max-width: 480px) {
    .sec.loc .f_box .cont .img {
      max-width: none;
      width: calc(100% + 40px); } }
.sec.des .f_box .cont .img {
  width: 100%; }
  @media screen and (max-width: 480px) {
    .sec.des .f_box .cont .img {
      width: 85%;
      margin: 0 auto 20px; } }

.inner {
  max-width: 1050px; }

.info {
  padding-bottom: 90px; }
  @media screen and (max-width: 767px) {
    .info {
      padding-bottom: 40px; } }
  .info .info_m {
    font-size: clamp(17px, calc(28vw / 11.2), 28px);
    line-height: 1.5;
    letter-spacing: 0.08em;
    color: #555;
    font-weight: 400; }
    .info .info_m.line_b {
      padding: 0 1em .2em;
      margin-bottom: 0.3em;
      border-bottom: solid 1px #555;
      margin-inline: auto;
      max-width: 600px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .info .info_m.line_b {
          width: 100%; } }
    .info .info_m.line_t {
      padding-top: 0.3em;
      border-bottom: solid 1px #555; }
    .info .info_m .s1 {
      font-size: 85%; }
    .info .info_m .s2 {
      font-size: 72%; }
    .info .info_m .s3 {
      font-size: 50%; }
    .info .info_m .l1 {
      font-size: 110%; }
    .info .info_m .l2 {
      font-size: 108%; }
    .info .info_m .l3 {
      font-size: 128%; }
    @media screen and (max-width: 767px) {
      .info .info_m {
        letter-spacing: 0.02em; } }
  .info .info_t {
    font-size: clamp(13px, calc(16vw / 11.2), 16px);
    letter-spacing: 0.08em;
    color: #555;
    font-weight: 400; }
    @media screen and (max-width: 767px) {
      .info .info_t {
        letter-spacing: 0.02em; } }
  @media screen and (max-width: 480px) {
    .info .banner_wrap .banner_box {
      width: 90%;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .info .banner_wrap .banner_box.wide {
        width: calc(100% + 40px);
        margin-inline: -20px; } }
  .info .banner_wrap .autumn_banner {
    max-width: 800px;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .info .banner_wrap .autumn_banner {
        width: calc(100% + 40px);
        margin-inline: -20px; }
        .info .banner_wrap .autumn_banner figcaption {
          padding: 0 10px;
          font-size: 8px;
          line-height: 1.8; } }
  .info .banner_wrap .movie_banner_box {
    max-width: 600px;
    margin: 0 auto; }
    .info .banner_wrap .movie_banner_box.wide {
      max-width: 800px; }
    .info .banner_wrap .movie_banner_box .modal_button {
      cursor: pointer;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .info .banner_wrap .movie_banner_box .modal_button:hover {
          opacity: 0.7; } }
    .info .banner_wrap .movie_banner_box .cap_c {
      font-size: 14px;
      margin-top: 5px; }
      @media screen and (max-width: 480px) {
        .info .banner_wrap .movie_banner_box .cap_c {
          font-size: 12px; } }

.con_btn {
  margin-bottom: 80px;
  display: flex;
  justify-content: center;
  gap: 2%; }
  @media screen and (max-width: 480px) {
    .con_btn {
      flex-wrap: wrap;
      gap: 15px;
      margin-bottom: 40px; } }
  .con_btn li {
    width: 49%;
    max-width: 460px; }
    @media screen and (max-width: 480px) {
      .con_btn li {
        width: 80%; } }
    .con_btn li a {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      font-size: clamp(16px, calc(24vw / 11.2), 24px);
      letter-spacing: 0.05em;
      color: #fff;
      text-align: center;
      line-height: 1;
      padding: 1.1em 10px;
      transition: all 0.3s ease-in-out 0s; }
      @media screen and (max-width: 767px) {
        .con_btn li a {
          font-size: clamp(16px, calc(16vw / 7.68), 18px);
          font-size: clamp(18px, calc(21vw / 7.68), 23px);
          padding: 1.6em 10px;
          padding: 1.4em 10px; } }
      .con_btn li a:hover {
        opacity: 0.6; }
      .con_btn li a::after {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        border: solid 1px #fff; }
      .con_btn li a .icon {
        margin-left: 0.3em;
        letter-spacing: -0.2em;
        transform: scaleX(0.7) translateY(-0.05em); }
    .con_btn li.menu_ent {
      background: linear-gradient(90deg, #004ea2, #0c2480); }
    .con_btn li.menu_res {
      background: linear-gradient(90deg, #ab9a6b, #776b4b); }
    .con_btn li.menu_lim {
      background: linear-gradient(90deg, #d83515, #aa0b09); }

.con {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  padding-bottom: 57vw;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .con {
      padding-bottom: 100vw; } }
  .con .inn {
    padding: 60px 0 0;
    z-index: 2;
    position: relative; }
    @media screen and (max-width: 767px) {
      .con .inn {
        padding: 40px 0 0; } }
    .con .inn::after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: -50vw;
      background: url("../images/top/con_bg.jpg") bottom left/100% auto no-repeat; }
      @media screen and (max-width: 767px) {
        .con .inn::after {
          background: url("../images/top/con_bg.jpg") 100% 0%/160% auto no-repeat; } }
  .con .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    transition: all 2.4s ease-out 0s;
    font-size: clamp(15px, calc(24vw / 16), 24px); }
    @media screen and (max-width: 767px) {
      .con .bg {
        transition: all 2.4s ease-out 0s; } }
    .con .bg::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 1px;
      height: 4.8em;
      background: #fff; }
      @media screen and (max-width: 767px) {
        .con .bg::after {
          height: 2.8em; } }
    .con .bg .in {
      transform: translateY(45vw);
      opacity: 0;
      transition: all 2.8s ease-in-out 0s; }
      @media screen and (max-width: 767px) {
        .con .bg .in {
          transition: all 2.8s ease-in-out 0s;
          transform: translateY(50vw); } }
    .con .bg.p-view .in {
      opacity: 1;
      transform: none; }

.loc .img {
  position: relative;
  width: calc(1110% / 8);
  width: calc(888% / 8); }
  @media screen and (max-width: 1266px) {
    .loc .img {
      width: calc(1110vw / 14.88);
      width: calc(888vw / 12.66); } }
  @media screen and (max-width: 480px) {
    .loc .img {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px; } }
  .loc .img .t_cap_b {
    right: calc(360% / 8.88);
    bottom: calc(26% / 4.19); }
    @media screen and (max-width: 480px) {
      .loc .img .t_cap_b {
        right: calc(125% / 3.75);
        bottom: calc(11% / 1.99);
        font-size: 8px; } }

.des .img {
  position: relative;
  /*width: calc(882% / 8);
  @include mq(1266){
  	width: calc(882vw / 12.66);
  }
  @include mq($br_sp){
  	width: 100%;
  }*/ }
@media screen and (min-width: 767px) {
  .des .f_box {
    justify-content: center; }
    .des .f_box .cont {
      margin-left: calc(70%/10.5);
      width: calc(650% / 10.5); }
    .des .f_box .btn {
      left: calc(95% / 10.5); } }

.mtxt span {
  display: inline-block;
  opacity: 0;
  transform: translateX(50px) translateY(-20px);
  filter: blur(10px); }
.mtxt.vertical span {
  transform: translateX(10px) translateY(-70px); }

.mtxt span:nth-child(1) {
  transition-delay: 0.04s !important;
  animation-delay: 0.04s !important; }

.mtxt span:nth-child(2) {
  transition-delay: 0.08s !important;
  animation-delay: 0.08s !important; }

.mtxt span:nth-child(3) {
  transition-delay: 0.12s !important;
  animation-delay: 0.12s !important; }

.mtxt span:nth-child(4) {
  transition-delay: 0.16s !important;
  animation-delay: 0.16s !important; }

.mtxt span:nth-child(5) {
  transition-delay: 0.2s !important;
  animation-delay: 0.2s !important; }

.mtxt span:nth-child(6) {
  transition-delay: 0.24s !important;
  animation-delay: 0.24s !important; }

.mtxt span:nth-child(7) {
  transition-delay: 0.28s !important;
  animation-delay: 0.28s !important; }

.mtxt span:nth-child(8) {
  transition-delay: 0.32s !important;
  animation-delay: 0.32s !important; }

.mtxt span:nth-child(9) {
  transition-delay: 0.36s !important;
  animation-delay: 0.36s !important; }

.mtxt span:nth-child(10) {
  transition-delay: 0.4s !important;
  animation-delay: 0.4s !important; }

.mtxt span:nth-child(11) {
  transition-delay: 0.44s !important;
  animation-delay: 0.44s !important; }

.mtxt span:nth-child(12) {
  transition-delay: 0.48s !important;
  animation-delay: 0.48s !important; }

.mtxt span:nth-child(13) {
  transition-delay: 0.52s !important;
  animation-delay: 0.52s !important; }

.mtxt span:nth-child(14) {
  transition-delay: 0.56s !important;
  animation-delay: 0.56s !important; }

.mtxt span:nth-child(15) {
  transition-delay: 0.6s !important;
  animation-delay: 0.6s !important; }

.mtxt span:nth-child(16) {
  transition-delay: 0.64s !important;
  animation-delay: 0.64s !important; }

.mtxt span:nth-child(17) {
  transition-delay: 0.68s !important;
  animation-delay: 0.68s !important; }

.mtxt span:nth-child(18) {
  transition-delay: 0.72s !important;
  animation-delay: 0.72s !important; }

.mtxt span:nth-child(19) {
  transition-delay: 0.76s !important;
  animation-delay: 0.76s !important; }

.mtxt span:nth-child(20) {
  transition-delay: 0.8s !important;
  animation-delay: 0.8s !important; }

.mtxt span:nth-child(21) {
  transition-delay: 0.84s !important;
  animation-delay: 0.84s !important; }

.mtxt span:nth-child(22) {
  transition-delay: 0.88s !important;
  animation-delay: 0.88s !important; }

.mtxt span:nth-child(23) {
  transition-delay: 0.92s !important;
  animation-delay: 0.92s !important; }

.mtxt span:nth-child(24) {
  transition-delay: 0.96s !important;
  animation-delay: 0.96s !important; }

.mtxt span:nth-child(25) {
  transition-delay: 1s !important;
  animation-delay: 1s !important; }

.mtxt span:nth-child(26) {
  transition-delay: 1.04s !important;
  animation-delay: 1.04s !important; }

.mtxt span:nth-child(27) {
  transition-delay: 1.08s !important;
  animation-delay: 1.08s !important; }

.mtxt span:nth-child(28) {
  transition-delay: 1.12s !important;
  animation-delay: 1.12s !important; }

.mtxt span:nth-child(29) {
  transition-delay: 1.16s !important;
  animation-delay: 1.16s !important; }

.mtxt span:nth-child(30) {
  transition-delay: 1.2s !important;
  animation-delay: 1.2s !important; }

.mtxt span:nth-child(31) {
  transition-delay: 1.24s !important;
  animation-delay: 1.24s !important; }

.mtxt span:nth-child(32) {
  transition-delay: 1.28s !important;
  animation-delay: 1.28s !important; }

.mtxt span:nth-child(33) {
  transition-delay: 1.32s !important;
  animation-delay: 1.32s !important; }

.mtxt span:nth-child(34) {
  transition-delay: 1.36s !important;
  animation-delay: 1.36s !important; }

.mtxt span:nth-child(35) {
  transition-delay: 1.4s !important;
  animation-delay: 1.4s !important; }

.mtxt span:nth-child(36) {
  transition-delay: 1.44s !important;
  animation-delay: 1.44s !important; }

.mtxt span:nth-child(37) {
  transition-delay: 1.48s !important;
  animation-delay: 1.48s !important; }

.mtxt span:nth-child(38) {
  transition-delay: 1.52s !important;
  animation-delay: 1.52s !important; }

.mtxt span:nth-child(39) {
  transition-delay: 1.56s !important;
  animation-delay: 1.56s !important; }

.mtxt span:nth-child(40) {
  transition-delay: 1.6s !important;
  animation-delay: 1.6s !important; }

.mtxt span:nth-child(41) {
  transition-delay: 1.64s !important;
  animation-delay: 1.64s !important; }

.mtxt span:nth-child(42) {
  transition-delay: 1.68s !important;
  animation-delay: 1.68s !important; }

.mtxt span:nth-child(43) {
  transition-delay: 1.72s !important;
  animation-delay: 1.724s !important; }

.mtxt span:nth-child(44) {
  transition-delay: 1.74s !important;
  animation-delay: 1.74s !important; }

.mtxt span:nth-child(45) {
  transition-delay: 1.78s !important;
  animation-delay: 1.78s !important; }

.mtxt span:nth-child(46) {
  transition-delay: 1.82s !important;
  animation-delay: 1.82s !important; }

.mtxt span:nth-child(47) {
  transition-delay: 1.86s !important;
  animation-delay: 1.86s !important; }

.mtxt span:nth-child(48) {
  transition-delay: 1.9s !important;
  animation-delay: 1.9s !important; }

.mtxt span:nth-child(49) {
  transition-delay: 1.94s !important;
  animation-delay: 1.94s !important; }

.mtxt span:nth-child(50) {
  transition-delay: 1.98s !important;
  animation-delay: 1.98s !important; }

.mtxt span:nth-child(51) {
  transition-delay: 2.02s !important;
  animation-delay: 2.02s !important; }

.mtxt span:nth-child(52) {
  transition-delay: 2.06s !important;
  animation-delay: 2.06s !important; }

.mtxt span:nth-child(53) {
  transition-delay: 2.1s !important;
  animation-delay: 2.1s !important; }

.mtxt span:nth-child(54) {
  transition-delay: 2.14s !important;
  animation-delay: 2.14s !important; }

.mtxt span:nth-child(55) {
  transition-delay: 2.18s !important;
  animation-delay: 2.18s !important; }

.mtxt span:nth-child(56) {
  transition-delay: 2.22s !important;
  animation-delay: 2.22s !important; }

.mtxt span:nth-child(57) {
  transition-delay: 2.26s !important;
  animation-delay: 2.26s !important; }

.mtxt span:nth-child(58) {
  transition-delay: 2.3s !important;
  animation-delay: 2.3s !important; }

.mtxt span:nth-child(59) {
  transition-delay: 2.34s !important;
  animation-delay: 2.34s !important; }

.mtxt span:nth-child(60) {
  transition-delay: 2.38s !important;
  animation-delay: 2.38s !important; }

.mtxt span:nth-child(61) {
  transition-delay: 2.42s !important;
  animation-delay: 2.42s !important; }

.mtxt span:nth-child(62) {
  transition-delay: 2.44s !important;
  animation-delay: 2.44s !important; }

.mtxt span:nth-child(63) {
  transition-delay: 2.48s !important;
  animation-delay: 2.48s !important; }

.mtxt span:nth-child(64) {
  transition-delay: 2.52s !important;
  animation-delay: 2.52s !important; }

.mtxt span:nth-child(65) {
  transition-delay: 2.56s !important;
  animation-delay: 2.56s !important; }

.mtxt span:nth-child(66) {
  transition-delay: 2.6s !important;
  animation-delay: 2.6s !important; }

.mtxt span:nth-child(67) {
  transition-delay: 2.64s !important;
  animation-delay: 2.64s !important; }

.mtxt span:nth-child(68) {
  transition-delay: 2.68s !important;
  animation-delay: 2.68s !important; }

.mtxt span:nth-child(69) {
  transition-delay: 2.72s !important;
  animation-delay: 2.72s !important; }

.mtxt span:nth-child(70) {
  transition-delay: 2.74s !important;
  animation-delay: 2.74s !important; }

.mtxt span:nth-child(71) {
  transition-delay: 2.78s !important;
  animation-delay: 2.78s !important; }

.mtxt span:nth-child(72) {
  transition-delay: 2.82s !important;
  animation-delay: 2.82s !important; }

.mtxt span:nth-child(73) {
  transition-delay: 2.86s !important;
  animation-delay: 2.86s !important; }

.mtxt span:nth-child(74) {
  transition-delay: 2.9s !important;
  animation-delay: 2.9s !important; }

.mtxt span:nth-child(75) {
  transition-delay: 2.94s !important;
  animation-delay: 2.94s !important; }

.mtxt span:nth-child(76) {
  transition-delay: 2.98s !important;
  animation-delay: 2.98s !important; }

.mtxt span:nth-child(77) {
  transition-delay: 3.02s !important;
  animation-delay: 3.02s !important; }

.mtxt span:nth-child(78) {
  transition-delay: 3.06s !important;
  animation-delay: 3.06s !important; }

.mtxt span:nth-child(79) {
  transition-delay: 3.1s !important;
  animation-delay: 3.1s !important; }

.mtxt span:nth-child(80) {
  transition-delay: 3.14s !important;
  animation-delay: 3.14s !important; }

.mtxt span:nth-child(81) {
  transition-delay: 3.16s !important;
  animation-delay: 3.16s !important; }

.mtxt span:nth-child(82) {
  transition-delay: 3.2s !important;
  animation-delay: 3.2s !important; }

.mtxt span:nth-child(83) {
  transition-delay: 3.24s !important;
  animation-delay: 3.24s !important; }

.mtxt span:nth-child(84) {
  transition-delay: 3.28s !important;
  animation-delay: 3.28s !important; }

.mtxt span:nth-child(85) {
  transition-delay: 3.324s !important;
  animation-delay: 3.32s !important; }

.mtxt span:nth-child(86) {
  transition-delay: 3.34s !important;
  animation-delay: 3.34s !important; }

.mtxt span:nth-child(87) {
  transition-delay: 3.38s !important;
  animation-delay: 3.38s !important; }

.mtxt span:nth-child(88) {
  transition-delay: 3.42s !important;
  animation-delay: 3.42s !important; }

.mtxt span:nth-child(89) {
  transition-delay: 3.46s !important;
  animation-delay: 3.46s !important; }

.mtxt span:nth-child(90) {
  transition-delay: 3.5s !important;
  animation-delay: 3.5s !important; }

.mtxt span:nth-child(91) {
  transition-delay: 3.54s !important;
  animation-delay: 3.54s !important; }

.mtxt span:nth-child(92) {
  transition-delay: 3.58s !important;
  animation-delay: 3.58s !important; }

.mtxt span:nth-child(93) {
  transition-delay: 3.62s !important;
  animation-delay: 3.62s !important; }

.mtxt span:nth-child(94) {
  transition-delay: 3.66s !important;
  animation-delay: 3.66s !important; }

.mtxt span:nth-child(95) {
  transition-delay: 3.7s !important;
  animation-delay: 3.7s !important; }

.mtxt span:nth-child(96) {
  transition-delay: 3.74s !important;
  animation-delay: 3.74s !important; }

.mtxt span:nth-child(97) {
  transition-delay: 3.78s !important;
  animation-delay: 3.78s !important; }

.mtxt span:nth-child(98) {
  transition-delay: 3.82s !important;
  animation-delay: 3.82s !important; }

.mtxt span:nth-child(99) {
  transition-delay: 3.86s !important;
  animation-delay: 3.86s !important; }

.mtxt span:nth-child(100) {
  transition-delay: 3.9s !important;
  animation-delay: 3.9s !important; }

.mtxt.p-view span {
  animation: pcpy7bani1 1s ease-in-out forwards; }

@keyframes pcpy7bani1 {
  0% {
    opacity: 0;
    transform: translateX(80px) translateY(-20px);
    filter: blur(10px); }
  to {
    opacity: 1;
    transform: scale(1, 1);
    filter: blur(0); } }
.bnr_sec {
  padding-top: 50px;
  max-width: 1200px;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 1200px) {
    .bnr_sec {
      flex-direction: column; } }
  @media screen and (max-width: 480px) {
    .bnr_sec {
      padding-top: 30px; } }
  .bnr_sec .bnr_ttl {
    width: 100%;
    font-size: clamp(18px, calc(20vw / 6), 19px);
    font-size: 17px;
    text-align: center;
    margin-bottom: 0.8em;
    font-weight: 400; }
    .bnr_sec .bnr_ttl .l {
      font-size: 110%;
      font-weight: 900; }
  .bnr_sec .bnr1 {
    max-width: 340px;
    width: auto !important;
    margin: 0 auto;
    max-width: 254px;
    max-width: 340px; }
    .bnr_sec .bnr1 img {
      width: 100%; }
    @media screen and (max-width: 480px) {
      .bnr_sec .bnr1 {
        max-width: 100%; } }
  .bnr_sec .bnr_wrap01 {
    width: 39.17%;
    width: 47.5%;
    width: 41.67%; }
    @media screen and (max-width: 1200px) {
      .bnr_sec .bnr_wrap01 {
        width: fit-content;
        margin-inline: auto;
        width: 85%; } }
  .bnr_sec .banner_box {
    /*max-width: 100%;
    margin: 0 !important;
    font-size: 0 !important;
    text-align: center !important;
    width: cal_per(1200,600) !important; 
    margin-top: 10% !important;
    margin-left: -4.5% !important;*/ }
  @media screen and (max-width: 480px) {
    .bnr_sec .banner_box {
      width: 90%;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .bnr_sec .banner_box.wide {
        width: calc(100% + 40px);
        margin-inline: -20px; } }
  .bnr_sec .movie_banner_box {
    max-width: 600px;
    margin: 0 auto; }
    .bnr_sec .movie_banner_box.wide {
      max-width: 800px; }
    .bnr_sec .movie_banner_box .modal_button {
      cursor: pointer;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .bnr_sec .movie_banner_box .modal_button:hover {
          opacity: 0.7; } }
    .bnr_sec .movie_banner_box .cap_c {
      font-size: 14px;
      margin-top: 5px; }
      @media screen and (max-width: 480px) {
        .bnr_sec .movie_banner_box .cap_c {
          font-size: 12px; } }

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

/*footer.crevia-common .contact .banner_box {
	max-width: 100%;
	margin: 0 ;
	font-size: 0; 
	text-align: center ;
	width: cal_per(1200,675) ; 
	width: cal_per(1200,600) ; 
	//margin-top: 12%;
	//margin-left: -1.5%;
	//margin-top: 8%;
	//margin-left: -4.5%;
	a {
		width: 100%;
		img {
			width: 100%;
		}
	}
	@include mq(1200){
		margin-left: 0;
		margin-inline: auto;
		width: fit-content;
		//margin-top: 30px;

	}
	@include mq($br_sp){
		//margin-top: 40px;
		margin-inline: auto;
		max-width: 85%;
		
	}
	
}*/
@media screen and (max-width: 480px) {
  .smaw {
    width: 86.6%;
    margin-inline: auto; } }

.contact .bnr_cam_insta {
  display: block;
  max-width: 900px;
  max-width: 774px;
  padding: 0 20px;
  margin: 50px auto 0; }
  @media screen and (max-width: 480px) {
    .contact .bnr_cam_insta {
      margin: 30px auto 0; } }

.main_mv {
  position: relative;
  overflow: hidden; }
  .main_mv li {
    position: absolute;
    inset: 0;
    overflow: hidden; }
    .main_mv li .copy {
      position: relative; }
    .main_mv li .img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      overflow: hidden; }
    .main_mv li.m03 {
      position: relative;
      opacity: 0;
      filter: blur(6px);
      transition: all 1.5s ease-in-out 0s; }
      body.scene3 .main_mv li.m03 {
        opacity: 1;
        filter: blur(0); }
      body.scene4 .main_mv li.m03 {
        opacity: 0;
        transition: all 1.5s ease-in-out 0s; }
      .main_mv li.m03 .img {
        transform: translateY(20%);
        transition: all 4.9s ease-in-out 1.8s;
        transition: all 7.5s  linear 0s;
        /*img {
        	transition:all 2s ease-in-out 3.5s;
        	filter: blur(0);
        	body.scene1 & {
        		filter: blur(3px);
        	}
        }*/ }
        body.scene3 .main_mv li.m03 .img {
          transform: translateY(5%); }
        @media screen and (max-width: 600px) {
          .main_mv li.m03 .img {
            transform: scale(1.15);
            transform: scale(1); }
            body.scene3 .main_mv li.m03 .img {
              transform: scale(1);
              transform: scale(1.15); } }
        .main_mv li.m03 .img::after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #000;
          opacity: 0;
          transition: all 2s ease-in-out 0s; }
          body.scene11 .main_mv li.m03 .img::after {
            opacity: 0.4; }
      .main_mv li.m03 .copy {
        opacity: 0;
        transition: all 1.2s ease-in-out 4.8s; }
        body.scene1 .main_mv li.m03 .copy {
          opacity: 1; }
    .main_mv li.m02 {
      opacity: 0;
      filter: blur(6px);
      transition: all 1.5s ease-in-out 1.8s; }
      body.scene2 .main_mv li.m02 {
        opacity: 1;
        filter: blur(0); }
      body.scene4 .main_mv li.m02 {
        opacity: 0;
        transition: all 0s ease-in-out 0s; }
      .main_mv li.m02 .img {
        width: 109.375%;
        transform: translateX(0);
        transition: all 10s linear 0.8s;
        transform: translateX(-6%); }
        body.scene2 .main_mv li.m02 .img {
          transform: translateX(0); }
        @media screen and (max-width: 600px) {
          .main_mv li.m02 .img {
            width: calc(514% / 4.24);
            transform: translateX(-15%); }
            body.scene2 .main_mv li.m02 .img {
              transform: translateX(0); } }
      .main_mv li.m02 .copy {
        opacity: 0;
        transition: all 1.5s ease-out 2s; }
        body.scene2 .main_mv li.m02 .copy {
          opacity: 1; }
    .main_mv li.m04 {
      opacity: 0;
      filter: blur(6px);
      transition: all 1.5s ease-in-out 1.8s;
      /*body.scene4 & {
      	opacity: 0;
      	transition:all 2s ease-in-out 0s;
      }*/ }
      body.scene5 .main_mv li.m04 {
        opacity: 1;
        filter: blur(0); }
      .main_mv li.m04 .img {
        width: 109.375%;
        transform: translateX(0);
        transition: all 10s linear 0.8s;
        transition: all 8s ease-in-out 0.8s; }
        body.scene5 .main_mv li.m04 .img {
          transform: translateX(-6%); }
        @media screen and (max-width: 600px) {
          .main_mv li.m04 .img {
            width: calc(514% / 4.24); }
            body.scene5 .main_mv li.m04 .img {
              transform: translateX(-15%); } }
      .main_mv li.m04 .copy {
        opacity: 0;
        transition: all 1.5s ease-out 2s; }
        body.scene2 .main_mv li.m04 .copy {
          opacity: 1; }
    .main_mv li.m01 {
      opacity: 0;
      filter: blur(6px);
      transition: all 1.5s ease-in-out 1.8s; }
      body.scene1 .main_mv li.m01 {
        opacity: 1;
        filter: blur(0); }
      body.scene4 .main_mv li.m01 {
        opacity: 0;
        transition: all 0s ease-in-out 0s; }
      .main_mv li.m01 .img {
        transform: scale(1);
        transition: all 8s ease-out 0s;
        transition: all 10s linear 0s; }
        body.scene1 .main_mv li.m01 .img {
          transform: scale(1.1); }
        @media screen and (max-width: 600px) {
          .main_mv li.m01 .img {
            transform: scale(1); }
            body.scene1 .main_mv li.m01 .img {
              transform: scale(1.1); } }
      .main_mv li.m01 .copy {
        opacity: 0;
        transition: all 2.5s ease-out 4s; }
        body.scene1 .main_mv li.m01 .copy {
          opacity: 1; }
        .main_mv li.m01 .copy img {
          clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
          transition: all 1s ease-out 4s; }
          body.scene1 .main_mv li.m01 .copy img {
            clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%); }
  .main_mv body.moving .main_mv li.m01 .img::after, body.moving .main_mv * {
    transition-duration: 0s !important;
    transition-delay: 0s !important; }

.modal_cont {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999; }
  body.modal_open .modal_cont {
    opacity: 1;
    pointer-events: all; }
  .modal_cont .modal {
    max-width: 1600px;
    width: 96%;
    height: 100dvh;
    margin-inline: auto;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out; }
    @media screen and (max-width: 480px) {
      .modal_cont .modal {
        width: 100%; } }
    .modal_cont .modal.active {
      opacity: 1;
      pointer-events: all; }
    .modal_cont .modal .modal_box {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 480px) {
        .modal_cont .modal .modal_box {
          align-items: flex-start;
          margin-top: 45%; } }
    .modal_cont .modal video {
      width: 100%;
      height: auto;
      line-height: 0; }
  .modal_cont .modal_close {
    position: fixed;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: flex-end;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 480px) {
      .modal_cont .modal_close {
        width: 50px;
        height: 50px; } }
    .modal_cont .modal_close::before, .modal_cont .modal_close::after {
      position: absolute;
      top: 40%;
      left: 30%;
      width: 40%;
      height: 2px;
      background-color: #FFF;
      content: ""; }
      @media screen and (max-width: 480px) {
        .modal_cont .modal_close::before, .modal_cont .modal_close::after {
          top: 35%; } }
    .modal_cont .modal_close::before {
      transform: rotate(45deg); }
    .modal_cont .modal_close::after {
      transform: rotate(-45deg); }
    .modal_cont .modal_close .close_text {
      text-align: center;
      font-size: 12px;
      margin-bottom: 2px;
      width: 100%;
      color: #fff; }
      @media screen and (max-width: 480px) {
        .modal_cont .modal_close .close_text {
          font-size: 10px;
          margin-bottom: 1px; } }

.cap_acc {
  bottom: 0; }

.campaign02 {
  max-width: 600px;
  max-width: 800px;
  margin-inline: auto; }
  @media screen and (max-width: 480px) {
    .campaign02 {
      width: 80% !important;
      width: 100% !important; } }

.float_bnr {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 100;
  max-width: 350px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  background: #fff; }
  @media screen and (max-width: 767px) {
    .float_bnr {
      max-width: 200px;
      bottom: 60px; } }
  body.scrolled .float_bnr {
    opacity: 1;
    pointer-events: all; }
  .float_bnr figcaption {
    background: #fff;
    padding: 5px;
    font-size: 8px;
    line-height: 1.2;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .float_bnr figcaption {
        font-size: 7px;
        text-align: justify; } }
  .float_bnr .float_close {
    display: block;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 30px;
    top: -9px;
    right: -9px;
    width: 24px;
    cursor: pointer; }
  .float_bnr a {
    transition: all 0.3s; }
    @media (hover: hover) {
      .float_bnr a:hover {
        opacity: 0.7; } }

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