@charset "UTF-8";
/*
@mixin f_roboto($weight:400) {
	font-family: 'Roboto',"游ゴシック","游ゴシック体","Yu Gothic",YuGothic, sans-serif;
	font-weight:$weight;
}
Robotoフォント設定
400：Regular（デフォルト）
500：Medium
700：Bold
*/
/*
A-OTF Ryumin Pr6N
300：Bold（デフォルト）
*/
/*
font-weight:$weight;
400：Regular（デフォルト）
700：Bold
*/
/*
example
@include dotted(#COLOR, WidthPX,SpaceingPX,HeightPX); 横破線
@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
@media screen and (max-width: 460px) {
  .sec_mvwrap {
    width: 100%;
    height: calc(100vh - 180px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding-top: 50px; } }

.sec_mv {
  position: relative;
  z-index: 1;
  width: 100%; }
  @media print, screen and (min-width: 461px) {
    .sec_mv {
      height: 100vh;
      overflow: hidden; } }
  @media screen and (max-width: 460px) {
    .sec_mv {
      z-index: 3;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .sec_mv .cnt_box {
    width: 100%;
    max-width: 13rem;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media print, screen and (min-width: 461px) {
      .sec_mv .cnt_box {
        height: 100vh;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    @media screen and (max-width: 460px) {
      .sec_mv .cnt_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-bottom: 1.15rem; } }
    .sec_mv .cnt_box .txt_box {
      position: relative;
      z-index: 1; }
      .sec_mv .cnt_box .txt_box .sec_mv_title {
        opacity: 0;
        font-size: 68px;
        font-size: 0.68rem;
        letter-spacing: 0.12em;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 500;
        font-style: normal;
        -webkit-text-stroke: 0.8px; }
        @media screen and (max-width: 460px) {
          .sec_mv .cnt_box .txt_box .sec_mv_title {
            font-size: 40px;
            font-size: 0.4rem;
            text-align: right;
            position: absolute;
            bottom: -1.2rem;
            right: 0.08rem; } }
        .sec_mv .cnt_box .txt_box .sec_mv_title [data-inviewtextanimation-inview] {
          top: 0;
          bottom: 0; }
      .sec_mv .cnt_box .txt_box .sec_mv_moyamoya {
        position: absolute;
        top: -1.0rem;
        left: 0.5rem;
        width: 1.7rem;
        height: 1.7rem;
        z-index: -1;
        opacity: 0;
        overflow: hidden; }
        @media screen and (max-width: 460px) {
          .sec_mv .cnt_box .txt_box .sec_mv_moyamoya {
            top: 0.28rem;
            left: 0.8rem;
            width: 1.1rem;
            height: 0.7rem; } }
        .sec_mv .cnt_box .txt_box .sec_mv_moyamoya video,
        .sec_mv .cnt_box .txt_box .sec_mv_moyamoya img {
          display: block;
          position: absolute;
          top: 1px;
          left: 1px;
          width: calc(100% - 2px);
          height: calc(100% - 2px);
          -o-object-fit: cover;
          object-fit: cover;
          font-family: "object-fit: cover;";
          background-size: cover;
          background-position: center center; }
        .sec_mv .cnt_box .txt_box .sec_mv_moyamoya .graddd {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          overflow: hidden;
          opacity: 0.5; }
        .sec_mv .cnt_box .txt_box .sec_mv_moyamoya svg {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 1; }
          .sec_mv .cnt_box .txt_box .sec_mv_moyamoya svg path {
            fill: #FFF; }
        .sec_mv .cnt_box .txt_box .sec_mv_moyamoya.active {
          opacity: 1;
          -webkit-transition: opacity 1.7s cubic-bezier(0.515, 0.005, 0.505, 1);
          -o-transition: opacity 1.7s cubic-bezier(0.515, 0.005, 0.505, 1);
          transition: opacity 1.7s cubic-bezier(0.515, 0.005, 0.505, 1); }
    .sec_mv .cnt_box .img_box.active .kakushi {
      opacity: 0;
      -webkit-transition: 3s;
      -o-transition: 3s;
      transition: 3s; }
    @media print, screen and (min-width: 461px) {
      .sec_mv .cnt_box .img_box {
        width: 6rem;
        height: 6.9rem;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
    @media screen and (max-width: 460px) {
      .sec_mv .cnt_box .img_box {
        position: relative;
        width: 83vw;
        margin-left: auto; } }
    .sec_mv .cnt_box .img_box .kakushi {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff; }
    .sec_mv .cnt_box .img_box .white {
      position: absolute;
      background-color: #fff; }
      .sec_mv .cnt_box .img_box .white.top {
        bottom: calc(100% - 1px);
        width: 5000px;
        height: 5000px;
        left: -2500px; }
      .sec_mv .cnt_box .img_box .white.bottom {
        top: calc(100% - 1px);
        width: 5000px;
        height: 5000px;
        left: -2500px; }
      .sec_mv .cnt_box .img_box .white.left {
        top: 0;
        right: 100%;
        width: 5000px;
        height: 5000px; }
      .sec_mv .cnt_box .img_box .white.right {
        top: 0;
        left: 100%;
        width: 5000px;
        height: 5000px; }
    .sec_mv .cnt_box .img_box .mv_bg_box {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
      .sec_mv .cnt_box .img_box .mv_bg_box .mv_bg_img {
        width: calc(100% + 2.0rem);
        height: calc(100% + 2.0rem);
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover;";
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: -1.0rem;
        left: -1.0rem;
        opacity: 0;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center; }
        .sec_mv .cnt_box .img_box .mv_bg_box .mv_bg_img.active {
          opacity: 1;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          -webkit-transition: opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 1.2s cubic-bezier(0.515, 0.005, 0.505, 1);
          transition: opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 1.2s cubic-bezier(0.515, 0.005, 0.505, 1);
          -o-transition: opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), transform 1.2s cubic-bezier(0.515, 0.005, 0.505, 1);
          transition: opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), transform 1.2s cubic-bezier(0.515, 0.005, 0.505, 1);
          transition: opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), transform 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 1.2s cubic-bezier(0.515, 0.005, 0.505, 1); }
        .sec_mv .cnt_box .img_box .mv_bg_box .mv_bg_img.mouse_move {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; }
    .sec_mv .cnt_box .img_box .path_box {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .sec_mv .cnt_box .img_box .img_deco {
      fill: #fff; }
    .sec_mv .cnt_box .img_box .img_overlap {
      fill: #fff;
      opacity: 0; }
    .sec_mv .cnt_box .img_box .gradation_bg {
      opacity: 0;
      mix-blend-mode: soft-light; }
      .sec_mv .cnt_box .img_box .gradation_bg.mouse_move {
        -webkit-transition: opacity 2s cubic-bezier(0.515, 0.005, 0.505, 1);
        -o-transition: opacity 2s cubic-bezier(0.515, 0.005, 0.505, 1);
        transition: opacity 2s cubic-bezier(0.515, 0.005, 0.505, 1);
        opacity: 1; }

@media print, screen and (min-width: 461px) {
  .mod_main {
    position: relative; } }

.mod_header .row02 .copyright_txt {
  display: none; }

.index_copyright_txt {
  font-size: 11px;
  font-size: 0.11rem;
  letter-spacing: 0.06em;
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  top: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.515, 0.005, 0.505, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.515, 0.005, 0.505, 1);
  transition: opacity 0.3s cubic-bezier(0.515, 0.005, 0.505, 1); }
  @media print, screen and (min-width: 461px) {
    .index_copyright_txt {
      height: 100%;
      right: 0.55rem; } }
  @media screen and (max-width: 460px) {
    .index_copyright_txt {
      font-size: 8px;
      font-size: 0.08rem;
      top: -50px;
      left: 0.225rem;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      z-index: 999; } }
  .index_copyright_txt.z_1 {
    z-index: 1; }
  .index_copyright_txt.z_1000 {
    z-index: 1000; }
  .index_copyright_txt > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh; }
    @media print, screen and (min-width: 461px) {
      .index_copyright_txt > span {
        position: -webkit-sticky;
        position: sticky;
        top: 0; } }

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