@charset "UTF-8";
/**
  pxをvwに変換

  @return vw
**/
/**
  とあるmedia queryの区間のフォントサイズをvwで動かす
  
  .test{
    font-size: 40px;
  }
  @media only screen and (max-width:1200px){
    .test{
      @include fs-smooth(40, 20, 1200, 768);
    }
  }
  @media only screen and (max-width:768px){
    .test{
      font-size: 20px;
    }
  }
**/
.anime-fadeIn {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .anime-fadeIn.anime-start {
    opacity: 1; }

.anime-slideDown {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .anime-slideDown.anime-start {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

.anime-slideUp {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .anime-slideUp.anime-start {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

.anime-slideRight {
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
      -ms-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .anime-slideRight.anime-start {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

.anime-slideLeft {
  opacity: 0;
  -webkit-transform: translate(20px, 0);
      -ms-transform: translate(20px, 0);
          transform: translate(20px, 0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .anime-slideLeft.anime-start {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

.anime-scaleDown {
  opacity: 0;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .anime-scaleDown.anime-start {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }

.anime-scaleUp {
  opacity: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .anime-scaleUp.anime-start {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }

.anime-warp {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .anime-warp.anime-start {
    opacity: 1;
    -webkit-animation: warp 1s ease;
            animation: warp 1s ease; }

@-webkit-keyframes warp {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  25% {
    -webkit-transform: scale(1.2, 0.2);
            transform: scale(1.2, 0.2); }
  50% {
    -webkit-transform: scale(0.5, 1.5);
            transform: scale(0.5, 1.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes warp {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  25% {
    -webkit-transform: scale(1.2, 0.2);
            transform: scale(1.2, 0.2); }
  50% {
    -webkit-transform: scale(0.5, 1.5);
            transform: scale(0.5, 1.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

#movie {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  background-color: white;
  z-index: 9999; }

#movie_close_btn {
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
  z-index: 10;
  width: 40px;
  height: 40px; }
  #movie_close_btn svg {
    fill: #ffffff; }

body[data-movie-state="play"] {
  overflow: hidden; }
  body[data-movie-state="play"] .cursor-pointwrap {
    display: none; }

.mv-anime-scaleUp svg {
  opacity: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

.mv-anime-scaleUp.anime-start svg {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.mv-anime-slideLeft {
  -webkit-transform: translate(110%, 0);
      -ms-transform: translate(110%, 0);
          transform: translate(110%, 0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .mv-anime-slideLeft.anime-start {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

.mv-anime-wolf {
  opacity: 0;
  -webkit-transform: translate(0%, -50%) !important;
      -ms-transform: translate(0%, -50%) !important;
          transform: translate(0%, -50%) !important;
  -webkit-transition: all 2s ease;
  transition: all 2s ease; }
  .mv-anime-wolf.anime-start {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important; }

.mv-anime-infiniteSlideLeft {
  opacity: 0; }
  .mv-anime-infiniteSlideLeft.anime-start {
    opacity: 1;
    -webkit-animation: l-to-r 40s linear infinite;
            animation: l-to-r 40s linear infinite; }

.mv-anime-infiniteSlideRight {
  opacity: 0; }
  .mv-anime-infiniteSlideRight.anime-start {
    opacity: 1;
    -webkit-animation: r-to-l 40s linear infinite;
            animation: r-to-l 40s linear infinite; }

@-webkit-keyframes l-to-r {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); }
  25% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  50% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0); }
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); } }

@keyframes l-to-r {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); }
  25% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  50% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0); }
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); } }

@-webkit-keyframes r-to-l {
  0% {
    -webkit-transform: translate(20%, 0);
            transform: translate(20%, 0); }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); } }

@keyframes r-to-l {
  0% {
    -webkit-transform: translate(20%, 0);
            transform: translate(20%, 0); }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); } }

.mv-anime-warp svg path {
  display: inline-block;
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translate3d(0px, 15px, 0px);
          transform: translate3d(0px, 15px, 0px); }

.mv-anime-warp.anime-start svg path {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .mv-anime-warp.anime-start svg path:first-child {
    -webkit-transition: 0.2s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 0.2s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(2) {
    -webkit-transition: 0.4s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 0.4s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(3) {
    -webkit-transition: 0.6s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 0.6s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(4) {
    -webkit-transition: 0.8s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 0.8s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(5) {
    -webkit-transition: 1s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 1s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(6) {
    -webkit-transition: 1.2s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 1.2s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(7) {
    -webkit-transition: 1.4s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 1.4s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(8) {
    -webkit-transition: 1.6s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 1.6s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(9) {
    -webkit-transition: 1.8s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 1.8s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(10) {
    -webkit-transition: 2.2s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 2.2s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(11) {
    -webkit-transition: 2.4s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 2.4s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(12) {
    -webkit-transition: 2.6s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 2.6s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(13) {
    -webkit-transition: 2.8s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 2.8s cubic-bezier(0.79, 0.17, 0.15, 0.96); }
  .mv-anime-warp.anime-start svg path:nth-child(14) {
    -webkit-transition: 3s cubic-bezier(0.79, 0.17, 0.15, 0.96);
    transition: 3s cubic-bezier(0.79, 0.17, 0.15, 0.96); }

@keyframes warp {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0); }
  25% {
    -webkit-transform: scale(1.2, 0.2);
            transform: scale(1.2, 0.2); }
  50% {
    -webkit-transform: scale(0.5, 1.5);
            transform: scale(0.5, 1.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.mv-layout {
  width: 100%;
  height: 100%;
  margin-bottom: 170px;
  min-height: 768px; }

.mv {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1; }
  .mv:after {
    height: 600px;
    width: 50%;
    position: absolute;
    z-index: 1;
    background: #fdd430;
    content: "";
    left: 0;
    bottom: 0; }
  .mv:before {
    position: absolute;
    content: "";
    z-index: 2;
    background: #2954b6;
    border-radius: 4px;
    display: block;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    width: 69.44444vw;
    height: 35.55vh;
    top: 50%;
    left: 50%; }
  .mv-inner:before {
    content: "";
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    border: 4px solid #e60012;
    position: absolute;
    left: 40px;
    z-index: 2;
    top: 40px; }
  .mv-inner:after {
    content: "";
    width: 50%;
    height: 100%;
    background-image: url("../../assets/images/common/mv_bg.jpg");
    background-size: 420px;
    background-position: center;
    background-repeat: repeat;
    display: block;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    -webkit-animation: bg-move 20s linear infinite;
            animation: bg-move 20s linear infinite; }

@-webkit-keyframes bg-move {
  from {
    background-position: 0 0; }
  to {
    background-position: -420px 420px; } }

@keyframes bg-move {
  from {
    background-position: 0 0; }
  to {
    background-position: -420px 420px; } }
  .mv-circle.circle-left {
    position: absolute;
    width: 46%;
    left: 85px;
    top: -30px;
    -webkit-animation: rotation-left 70s linear infinite;
            animation: rotation-left 70s linear infinite; }
    .mv-circle.circle-left svg {
      fill: none;
      stroke: #e60012;
      stroke-opacity: 1.0;
      stroke-width: 1.0; }

@-webkit-keyframes rotation-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes rotation-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }
  .mv-circle.circle-right {
    position: absolute;
    width: 29%;
    right: 20px;
    bottom: 20px;
    z-index: 4;
    -webkit-animation: rotation-right 60s linear infinite;
            animation: rotation-right 60s linear infinite; }
    .mv-circle.circle-right svg {
      fill: none;
      stroke: #ffffff;
      stroke-opacity: 1.0;
      stroke-width: 1.0; }

@-webkit-keyframes rotation-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotation-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .mv-ttl {
    position: absolute;
    left: 100px;
    bottom: 100px;
    z-index: 6; }
    .mv-ttl p {
      width: 337px;
      margin-bottom: 20px; }
      .mv-ttl p svg {
        fill: #ffffff; }
    .mv-ttl h1 {
      font-size: 100px;
      line-height: 1;
      color: #ffffff; }
  .mv-wolf {
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    background: #e60012;
    width: 43.55vw;
    -webkit-transform: translateY(-50%) translateX(-50%) skewX(-20deg);
        -ms-transform: translateY(-50%) translateX(-50%) skewX(-20deg);
            transform: translateY(-50%) translateX(-50%) skewX(-20deg); }
    .mv-wolf-main {
      padding: 2% 0 0 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      margin-left: 20%;
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translateY(-50%) translateX(-50%);
          -ms-transform: translateY(-50%) translateX(-50%);
              transform: translateY(-50%) translateX(-50%); }
      .mv-wolf-main img {
        height: 100%;
        width: auto; }
    .mv-wolf-inner {
      height: 100%;
      -webkit-transform: skewX(20deg);
          -ms-transform: skewX(20deg);
              transform: skewX(20deg); }
      .mv-wolf-inner-text {
        display: table;
        height: 100%;
        position: relative; }
        .mv-wolf-inner-text .text-area {
          position: static;
          display: table-cell;
          vertical-align: middle;
          text-align: center; }
          .mv-wolf-inner-text .text-area p {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; }
            .mv-wolf-inner-text .text-area p:first-child {
              margin-bottom: 30px; }
              .mv-wolf-inner-text .text-area p:first-child span {
                width: 60vw; }
            .mv-wolf-inner-text .text-area p span {
              margin: 0 30px;
              width: 57vw;
              display: inline-block; }
              .mv-wolf-inner-text .text-area p span:nth-child(2) svg {
                fill: #c5000f;
                stroke: none;
                stroke-opacity: 1.0;
                stroke-width: 1.0; }
            .mv-wolf-inner-text .text-area p svg {
              fill: none;
              stroke: #c5000f;
              stroke-opacity: 1.0;
              stroke-width: 1.0; }
  .mv .mv-btn {
    display: block;
    border-radius: 600px;
    background-color: #ffffff;
    color: #e60012;
    overflow: hidden;
    border: 4px solid #e60012;
    position: absolute;
    width: 250px;
    height: 250px;
    top: 20%;
    left: 20%;
    z-index: 9; }
    .mv .mv-btn-in {
      position: relative;
      height: 100%;
      background-color: #ffffff;
      width: 100%; }
      .mv .mv-btn-in .en {
        font-size: 4rem;
        z-index: 2; }
      .mv .mv-btn-in i {
        z-index: 1;
        font-size: 8rem;
        color: #ffe7e9; }
  .mv-scroll {
    width: 80px;
    height: 80px;
    border-radius: 200px;
    background: #e60012;
    position: absolute;
    right: 15px;
    z-index: 4;
    bottom: 15px; }
    .mv-scroll-in {
      position: relative;
      width: 80px;
      height: 80px; }
      .mv-scroll-in i {
        color: #ffffff;
        font-size: 2.4rem; }

@media screen and (max-width: 1200px) {
  .mv-layout {
    margin-bottom: 14.16667vw; }
  .mv:after {
    height: 35.83333vw; }
  .mv-inner:after {
    background-size: 210px; }
  .mv-ttl {
    left: 8.33333vw;
    bottom: 8.33333vw; }
    .mv-ttl p {
      margin-bottom: 0.83333vw; }
      .mv-ttl p span {
        width: 27.83333vw; }
    .mv-ttl h1 {
      font-size: 8.33333vw; }
  .mv .mv-btn {
    width: 20.83333vw;
    height: 20.83333vw; }
    .mv .mv-btn-in .en {
      font-size: 3.33333vw; }
  .mv-scroll {
    right: 1.25vw;
    bottom: 1.25vw;
    width: 6.66667vw;
    height: 6.66667vw; }
    .mv-scroll-in {
      width: 6.66667vw;
      height: 6.66667vw; }
      .mv-scroll-in i {
        font-size: 2vw; } }

@media screen and (max-width: 896px) {
  .mv-layout {
    position: relative;
    margin-bottom: 0;
    z-index: 9999;
    min-height: 640px; }
  .mv:after {
    height: 50vw; }
  .mv:before {
    width: 79.6875vw;
    height: 46.875vw; }
  .mv-inner:before {
    left: 30px;
    top: 30px;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px); }
  .mv-circle.circle-left {
    width: 74.77679vw;
    left: 6.13839vw; }
  .mv-ttl {
    left: 8.37054vw;
    bottom: 18.97321vw; }
    .mv-ttl p {
      width: 36.83036vw; }
    .mv-ttl h1 {
      font-size: 6.69643vw; }
  .mv-wolf {
    width: 78.125vw;
    top: 0;
    left: auto;
    right: 0;
    -webkit-transform: translateY(0) translateX(0) skewX(-20deg);
        -ms-transform: translateY(0) translateX(0) skewX(-20deg);
            transform: translateY(0) translateX(0) skewX(-20deg); }
    .mv-wolf-inner-text .text-area p:first-child span {
      width: 92.52232vw; }
    .mv-wolf-inner-text .text-area p span {
      margin: 0 10px;
      width: 90.95982vw; }
  .mv .mv-btn {
    left: 15.625vw;
    top: 22.32143vw;
    width: 22.32143vw;
    height: 22.32143vw; }
  .mv-scroll {
    width: 8.92857vw;
    height: 8.92857vw; }
    .mv-scroll-in {
      width: 8.92857vw;
      height: 8.92857vw; } }

@media screen and (max-width: 414px) {
  .mv-layout {
    min-height: 480px;
    max-height: 900px; }
  .mv:after {
    height: 300px; }
  .mv:before {
    z-index: 4;
    width: 90%;
    height: 247px;
    top: auto;
    bottom: 60px;
    left: auto; }
  .mv-circle.circle-left {
    width: 450px; }
  .mv-ttl {
    left: 20px;
    bottom: 100px; }
    .mv-ttl p {
      width: 180px; }
    .mv-ttl h1 {
      font-size: 40px; }
  .mv-wolf {
    left: 19%;
    width: 100%; }
  .mv .mv-btn {
    width: 120px;
    height: 120px;
    left: 10%;
    top: 28%; }
    .mv .mv-btn-in .en {
      font-size: 18px; }
    .mv .mv-btn-in i {
      font-size: 35px; }
  .mv-scroll {
    width: 60px;
    height: 60px; }
    .mv-scroll-in {
      width: 60px;
      height: 60px; }
      .mv-scroll-in i {
        font-size: 20px; } }

.sheep-layout {
  max-width: 1920px;
  margin: 0 auto 160px auto; }
  .sheep-layout-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
  .sheep-layout .img-area {
    width: 33.58vw;
    color: #ffffff;
    background: #e60012;
    position: relative;
    padding: 100px 40px; }
    .sheep-layout .img-area:after {
      z-index: 2;
      position: absolute;
      right: 0;
      top: 0;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 40px 40px 0;
      border-color: transparent #ffffff transparent transparent; }
    .sheep-layout .img-area:before {
      content: "";
      bottom: 0;
      left: 0;
      z-index: 2;
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 40px 0 0 40px;
      border-color: transparent transparent transparent #ffffff; }
    .sheep-layout .img-area-in {
      height: 100%;
      width: 100%;
      display: table; }
      .sheep-layout .img-area-in ul {
        position: relative;
        z-index: 2;
        display: table-cell;
        vertical-align: middle; }
        .sheep-layout .img-area-in ul li {
          width: 250px;
          margin: 0 auto 40px auto;
          position: relative;
          padding: 30px;
          line-height: 1; }
          .sheep-layout .img-area-in ul li:after {
            width: 1px;
            height: 10px;
            background: #ffffff;
            display: block;
            content: "";
            position: absolute;
            right: 0;
            bottom: 0; }
          .sheep-layout .img-area-in ul li:before {
            width: 10px;
            height: 1px;
            background: #ffffff;
            display: block;
            content: "";
            position: absolute;
            right: 0;
            bottom: 0; }
          .sheep-layout .img-area-in ul li .number {
            left: 0;
            top: 0;
            font-size: 16px;
            line-height: 1;
            position: absolute; }
          .sheep-layout .img-area-in ul li .jp {
            margin-bottom: 8px;
            font-weight: 600;
            font-size: 1.8rem; }
          .sheep-layout .img-area-in ul li .en {
            font-size: 2.4rem; }
      .sheep-layout .img-area-in .floater-text {
        text-align: center;
        width: 100%;
        color: #f41f2f;
        z-index: 1;
        font-size: 140px; }
  .sheep-layout .text-area {
    width: -webkit-calc(100% - 33.58vw);
    width: calc(100% - 33.58vw);
    padding: 10.5vw 130px 10.5vw 6.5vw;
    position: relative; }
    .sheep-layout .text-area-in {
      position: relative;
      z-index: 4; }
    .sheep-layout .text-area .head {
      margin-bottom: 25px;
      width: 457px; }
      .sheep-layout .text-area .head svg {
        fill: none;
        stroke: #e60012;
        stroke-opacity: 1.0;
        stroke-width: 1.0; }
    .sheep-layout .text-area h2 {
      font-weight: 600;
      font-size: 2.8rem;
      margin-bottom: 20px; }
    .sheep-layout .text-area .text {
      margin-bottom: 40px;
      line-height: 2;
      font-size: 1.6rem; }
    .sheep-layout .text-area .floater-text {
      width: 21.04vw;
      position: absolute;
      right: 100px;
      max-width: 600px;
      z-index: 1;
      top: 0; }
      .sheep-layout .text-area .floater-text svg {
        fill: #fff0f1;
        stroke-opacity: 0;
        stroke-width: 1.0; }

@media screen and (max-width: 1200px) {
  .sheep-layout {
    margin-bottom: 14.16667vw;
    max-width: inherit; }
    .sheep-layout .img-area {
      width: 47.5vw;
      padding: 5vw 3.33333vw 5vw 3.33333vw; }
      .sheep-layout .img-area-in ul li {
        padding: 2.5vw 2.5vw 2.5vw 2.5vw;
        margin-bottom: 1.66667vw;
        width: 20.83333vw; }
        .sheep-layout .img-area-in ul li .number {
          font-size: 1.33333vw; }
        .sheep-layout .img-area-in ul li .jp {
          font-size: 1.5vw; }
        .sheep-layout .img-area-in ul li .en {
          font-size: 2vw; }
    .sheep-layout .text-area {
      width: -webkit-calc(100% - 47.5vw);
      width: calc(100% - 47.5vw);
      padding: 9.58333vw 6.66667vw 8.33333vw 6.66667vw; }
      .sheep-layout .text-area .head {
        width: 31.944vw; }
      .sheep-layout .text-area h2 {
        font-size: 2.33333vw; }
      .sheep-layout .text-area .text {
        font-size: 1.33333vw; } }

@media screen and (max-width: 896px) {
  .sheep-layout {
    margin-bottom: 6.69643vw; }
    .sheep-layout-inner {
      display: block; }
    .sheep-layout .img-area {
      width: 90%; }
      .sheep-layout .img-area-in {
        display: block; }
        .sheep-layout .img-area-in ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 14.50893vw 5.02232vw 18.75vw 5.02232vw; }
          .sheep-layout .img-area-in ul li {
            width: 33.33%; }
            .sheep-layout .img-area-in ul li .number {
              font-size: 2.23214vw; }
            .sheep-layout .img-area-in ul li .jp {
              font-size: 3.57143vw; }
            .sheep-layout .img-area-in ul li .en {
              font-size: 4.24107vw; }
        .sheep-layout .img-area-in .floater-text {
          font-size: 33.48214vw; }
    .sheep-layout .text-area {
      padding: 6.69643vw 0vw 0vw 0vw;
      background: #ffffff;
      width: 90%;
      margin: -10% auto 0 auto; }
      .sheep-layout .text-area .head {
        margin-left: 8.92857vw;
        width: 50.22321vw;
        margin-bottom: 3.34821vw; }
      .sheep-layout .text-area h2 {
        font-size: 5.35714vw;
        line-height: 1.6; }
        .sheep-layout .text-area h2 span {
          display: block; }
      .sheep-layout .text-area .text {
        font-size: 3.34821vw; }
      .sheep-layout .text-area .floater-text {
        right: 0;
        top: 4.6875vw;
        width: 35.9375vw; } }

@media screen and (max-width: 414px) {
  .sheep-layout {
    margin-bottom: 40px; }
    .sheep-layout-inner {
      display: block; }
    .sheep-layout .img-area-in {
      display: block; }
      .sheep-layout .img-area-in ul li .en {
        font-size: 12px; }
    .sheep-layout .text-area .head {
      width: 230px; }
    .sheep-layout .text-area h2 {
      margin-bottom: 15px;
      font-size: 24px; }
      .sheep-layout .text-area h2 span {
        display: block; }
    .sheep-layout .text-area .text {
      font-size: 14px; } }

.l-view {
  margin-bottom: 180px; }

.open-campus-btn {
  margin-bottom: 180px; }

@media screen and (max-width: 1200px) {
  .l-view {
    margin-bottom: 15vw; }
  .open-campus-btn {
    margin-bottom: 15vw; } }

@media screen and (max-width: 896px) {
  .l-view {
    margin-bottom: 11.16071vw; }
  .open-campus-btn {
    margin-bottom: 11.16071vw; } }

@media screen and (max-width: 414px) {
  .l-view {
    margin-bottom: 50px; }
  .open-campus-btn {
    margin-bottom: 60px; } }

main {
  overflow: hidden; }

@media screen and (max-width: 869px) {
  .header-campus.mv-anime-slideLeft {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
    .header-campus.mv-anime-slideLeft.anime-start {
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); } }

/*# sourceMappingURL=../cssmap/index.css.map */