/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	WRAP
------------------------------------------------------------*/
/*------------------------------------------------------------
	GNAVI
------------------------------------------------------------*/
#gnavi {
  position: absolute;
  z-index: 2300;
  top: 40px;
  left: 50%;
  transform: translateX(-50%); }
  @media screen and (max-width: 1200px) {
    #gnavi {
      left: 0;
      transform: none; } }

/*------------------------------------------------------------
	MAIN
------------------------------------------------------------*/
#main #kv {
  position: relative;
  padding: 0 0 8.59375vw;
  width: 100%;
  min-width: 1200px;
  background: url("../img/home/kv_bg.png") center center no-repeat;
  background-size: cover; }
  @media screen and (max-width: 751px) {
    #main #kv {
      z-index: 20;
      padding: 0;
      min-width: 100%;
      background: url("../img/home/sp_kv_bg.png") center center no-repeat;
      background-size: cover; } }
  #main #kv h1 {
    position: relative;
    z-index: 2100;
    padding: 25.88542vw 0 0;
    min-width: 1200px;
    text-align: center; }
    @media screen and (max-width: 1200px) {
      #main #kv h1 {
        padding: 310px 0 0; } }
    @media screen and (max-width: 751px) {
      #main #kv h1 {
        padding: 103.86667vw 0 0;
        min-width: 100%; } }
    #main #kv h1 img {
      width: 50vw;
      height: auto; }
      @media screen and (max-width: 1200px) {
        #main #kv h1 img {
          min-width: 600px; } }
      @media screen and (max-width: 751px) {
        #main #kv h1 img {
          width: auto;
          min-width: 100%; } }
  #main #kv p {
    position: relative;
    z-index: 2100; }
  #main #kv .txt1 {
    position: relative;
    top: -2.08333vw;
    margin-bottom: -2.08333vw;
    text-align: center; }
    @media screen and (max-width: 1200px) {
      #main #kv .txt1 {
        top: -25px;
        margin-bottom: -25px; } }
    @media screen and (max-width: 751px) {
      #main #kv .txt1 {
        position: absolute;
        top: 93.33333vw;
        padding: 0; } }
    #main #kv .txt1 img {
      width: 26.82292vw;
      height: auto; }
      @media screen and (max-width: 1200px) {
        #main #kv .txt1 img {
          min-width: 321px; } }
      @media screen and (max-width: 751px) {
        #main #kv .txt1 img {
          width: auto;
          min-width: 100%; } }
  #main #kv .txt2 {
    padding: 1.82292vw 0 0;
    text-align: center; }
    @media screen and (max-width: 1200px) {
      #main #kv .txt2 {
        padding: 22px 0 0; } }
    @media screen and (max-width: 751px) {
      #main #kv .txt2 {
        padding: 2.26667vw 0 0; } }
    #main #kv .txt2 img {
      width: 55.05208vw;
      height: auto; }
      @media screen and (max-width: 1200px) {
        #main #kv .txt2 img {
          min-width: 660px; } }
      @media screen and (max-width: 751px) {
        #main #kv .txt2 img {
          width: auto;
          min-width: 100%; } }
  #main #kv_img {
    position: absolute;
    z-index: 2020;
    top: 2.86458vw;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center; }
    @media screen and (max-width: 751px) {
      #main #kv_img {
        top: 0; } }
    #main #kv_img img {
      max-width: 100%; }
    #main #kv_img span {
      position: absolute;
      top: 2.86458vw;
      left: 50%;
      width: 100%;
      height: 100%;
      opacity: 0;
      transform: translateX(-50%);
      transition: all 1s cubic-bezier(0.21, 0.51, 0.51, 1); }
      @media screen and (max-width: 751px) {
        #main #kv_img span {
          top: 0; } }
      #main #kv_img span.show {
        opacity: 1;
        z-index: 5; }
@-webkit-keyframes kvImgFade {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  30% {
    opacity: 1; }
  35% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-moz-keyframes kvImgFade {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  30% {
    opacity: 1; }
  35% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-ms-keyframes kvImgFade {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  30% {
    opacity: 1; }
  35% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes kvImgFade {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  30% {
    opacity: 1; }
  35% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    #main #kv_img1 {
      background: url("../img/home/kv_img1.png") center center no-repeat;
      background-size: contain; }
      @media screen and (max-width: 751px) {
        #main #kv_img1 {
          background: url("../img/home/sp_kv_img1.png") center top no-repeat;
          background-size: contain; } }
    #main #kv_img2 {
      background: url("../img/home/kv_img2.png") center center no-repeat;
      background-size: contain; }
      @media screen and (max-width: 751px) {
        #main #kv_img2 {
          background: url("../img/home/sp_kv_img2.png") center top no-repeat;
          background-size: contain; } }
    #main #kv_img3 {
      background: url("../img/home/kv_img3.png") center center no-repeat;
      background-size: contain; }
      @media screen and (max-width: 751px) {
        #main #kv_img3 {
          background: url("../img/home/sp_kv_img3.png") center top no-repeat;
          background-size: contain; } }
  #main #kv_bnr {
    position: relative;
    z-index: 2100;
    padding: 3.125vw 0 0; }
    @media screen and (max-width: 751px) {
      #main #kv_bnr {
        padding: 5.33333vw 0 0; } }
    #main #kv_bnr .bnr {
      display: flex;
      justify-content: center;
      background: url("../img/common/bnr_bg.png") center center no-repeat;
      background-size: cover; }
      @media screen and (max-width: 751px) {
        #main #kv_bnr .bnr {
          flex-wrap: wrap;
          background: none; } }
      #main #kv_bnr .bnr li {
        padding: 30px 25px; }
        @media screen and (max-width: 751px) {
          #main #kv_bnr .bnr li {
            padding: 4vw 10px 0; } }
        #main #kv_bnr .bnr li a {
          display: block;
          text-align: center;
          transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
          @media screen and (max-width: 751px) {
            #main #kv_bnr .bnr li a {
              margin: 0 auto; } }
          .pc #main #kv_bnr .bnr li a:hover {
            opacity: 0.7; }
    #main #kv_bnr .pagenation {
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: center;
      padding: 3.125vw 0 0; }
      @media screen and (max-width: 751px) {
        #main #kv_bnr .pagenation {
          display: none; } }
      #main #kv_bnr .pagenation li {
        padding: 0 15px; }
        #main #kv_bnr .pagenation li a {
          display: block;
          width: 20px;
          height: 20px;
          border: 3px solid #2481c1;
          border-radius: 20px;
          background: #fff;
          transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
          #main #kv_bnr .pagenation li a.current {
            background: #44af3d; }
          .pc #main #kv_bnr .pagenation li a:hover {
            opacity: 0.7; }
#main #regist {
  position: relative;
  top: -150px;
  margin-bottom: -150px;
  padding: 230px 0 900px;
  min-width: 1200px;
  background: url("../img/home/regist_bg.png") center 0 repeat-x;
  background-size: auto 100%;
  overflow: hidden; }
  @media screen and (max-width: 751px) {
    #main #regist {
      top: -2.66667vw;
      margin-bottom: -2.66667vw;
      padding: 12vw 0 108.4vw;
      min-width: 100%;
      background: url("../img/home/sp_regist_bg.png") center 0 no-repeat;
      background-size: cover; } }
  #main #regist .inner {
    position: relative;
    margin: 0 auto;
    width: 1200px; }
    @media screen and (max-width: 751px) {
      #main #regist .inner {
        width: 100%; } }
    #main #regist .inner:before {
      content: '';
      position: absolute;
      z-index: 2050;
      display: block;
      left: 50%;
      top: 50%;
      width: 111.11111vw;
      min-width: 1200px;
      height: 683px;
      background: url("../img/home/regist_img.png") center center no-repeat;
      background-size: contain;
      transform: translate(-50%, -15%); }
      @media screen and (max-width: 751px) {
        #main #regist .inner:before {
          top: 32.66667vw;
          width: 94.26667vw;
          height: 43.06667vw;
          background: url("../img/home/sp_regist_img.png") center center no-repeat;
          background-size: contain;
          transform: translateX(-50%); } }
    #main #regist .inner h2 {
      text-align: center; }
      #main #regist .inner h2 img {
        width: 62.5vw;
        max-width: 1200px;
        min-width: 750px; }
        @media screen and (max-width: 751px) {
          #main #regist .inner h2 img {
            width: auto;
            max-width: 100%;
            min-width: auto; } }
    #main #regist .inner p {
      text-align: center; }
      #main #regist .inner p img {
        width: 40.20833vw;
        max-width: 772px;
        min-width: 482px; }
        @media screen and (max-width: 751px) {
          #main #regist .inner p img {
            width: auto;
            max-width: 100%;
            min-width: auto; } }
    #main #regist .inner ol {
      position: relative;
      z-index: 2300; }
      @media screen and (max-width: 1700px) {
        #main #regist .inner ol {
          transform: scale3d(0.8, 0.8, 1); } }
      @media screen and (max-width: 1600px) {
        #main #regist .inner ol {
          transform: scale3d(0.7, 0.7, 1); } }
      @media screen and (max-width: 751px) {
        #main #regist .inner ol {
          transform: none; } }
      #main #regist .inner ol:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 2200;
        top: 50px;
        left: 50%;
        width: 1920px;
        height: 773px;
        background: url("../img/home/regist_item_bg.png") center 0 no-repeat;
        transform: translateX(-50%); }
        @media screen and (max-width: 751px) {
          #main #regist .inner ol:before {
            content: '';
            display: block;
            position: absolute;
            top: 8vw;
            left: 0;
            width: 100vw;
            height: 29.46667vw;
            background: url("../img/home/sp_regist_item_bg.png") center 0 no-repeat;
            background-size: contain;
            transform: none; } }
      #main #regist .inner ol li {
        position: absolute;
        z-index: 2300; }
        #main #regist .inner ol li:nth-child(1) {
          top: 4px;
          left: -9px; }
        #main #regist .inner ol li:nth-child(2) {
          top: 20px;
          left: 178px; }
        #main #regist .inner ol li:nth-child(3) {
          top: 39px;
          left: 371px; }
        #main #regist .inner ol li:nth-child(4) {
          top: 35px;
          left: 591px; }
        #main #regist .inner ol li:nth-child(5) {
          top: 54px;
          left: 895px; }
        #main #regist .inner ol li:nth-child(6) {
          /*top: 331px*/;
          /*left: 659px*/;
          top: 348px;
          left: 610px; }
        #main #regist .inner ol li:nth-child(7) {
          /*top: 327px;
          left: 359px;*/
          top: 357px;
          left: 219px; }
        #main #regist .inner ol li:nth-child(8) {
          top: 328px;
          left: 0; }
        @media screen and (max-width: 751px) {
          #main #regist .inner ol li:nth-child(1) {
            top: 2.26667vw;
            left: 0.4vw; }
          #main #regist .inner ol li:nth-child(2) {
            top: 4.26667vw;
            left: 15.73333vw; }
          #main #regist .inner ol li:nth-child(3) {
            top: 6.53333vw;
            left: 31.46667vw; }
          #main #regist .inner ol li:nth-child(4) {
            top: 8.13333vw;
            left: 49.46667vw; }
          #main #regist .inner ol li:nth-child(5) {
            top: 10.93333vw;
            left: 73.2vw; }
          #main #regist .inner ol li:nth-child(6) {
            /*top: 40.26667vw;
            left: 66.8vw;*/
            top: 40.26667vw;
            left: 56.8vw; }
          #main #regist .inner ol li:nth-child(7) {
            /*top: 42.53333vw;
            left: 38.66667vw;*/
            top: 43.53333vw;
            left: 17.66667vw; }
          #main #regist .inner ol li:nth-child(8) {
            top: 44.66667vw;
            left: 3.06667vw; } }
        #main #regist .inner ol li.get:after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          right: 0;
          width: 94px;
          height: 59px;
          background: url("../img/home/regist_get.png") 0 0 no-repeat;
          background-size: contain;
          transform: translateY(-50%); }
          @media screen and (max-width: 751px) {
            #main #regist .inner ol li.get:after {
              width: 8.66667vw;
              height: 5.46667vw;
              background: url("../img/home/sp_regist_get.png") 0 0 no-repeat;
              background-size: contain; } }
  #main #regist.full {
    padding: 230px 0 850px; }
    @media screen and (max-width: 751px) {
      #main #regist.full {
        padding: 12vw 0 108.4vw; } }
    #main #regist.full .inner:before {
      width: 111.11111vw;
      min-width: 1350px;
      height: 732px;
      background: url("https://project-frb.jp/img/home/regist_img_full.png") center center no-repeat;
      background-size: contain;
      transform: translate(-50%, -10%); }
      @media screen and (max-width: 751px) {
        #main #regist.full .inner:before {
          top: 52vw;
          width: 100vw;
          height: 70.53333vw;
          background: url("https://project-frb.jp/img/home/sp_regist_img_full.png") center center no-repeat;
          background-size: contain;
          transform: translateX(-50%); } }
    #main #regist.full .inner ol {
      position: relative;
      z-index: 2300; }
      @media screen and (max-width: 1700px) {
        #main #regist.full .inner ol {
          transform: scale3d(0.8, 0.8, 1); } }
      @media screen and (max-width: 1600px) {
        #main #regist.full .inner ol {
          transform: scale3d(0.7, 0.7, 1); } }
      @media screen and (max-width: 751px) {
        #main #regist.full .inner ol {
          transform: none; } }
      #main #regist.full .inner ol:before {
        width: 1920px;
        height: 773px;
        background: url("https://project-frb.jp/img/home/regist_item_full_bg.png") center 0 no-repeat;
        transform: translateX(-50%); }
        @media screen and (max-width: 751px) {
          #main #regist.full .inner ol:before {
            width: 100vw;
            height: 68.53333vw;
            background: url("https://project-frb.jp/img/home/sp_regist_item_full_bg.png") center 0 no-repeat;
            background-size: contain;
            transform: none; } }
#main #tw_news {
  position: relative;
  z-index: 10;
  top: -380px;
  /*top: -250px;*/
  margin-bottom: -380px;
  padding: 150px 0 35px;
  min-width: 1200px;
  background: url("../img/home/tw_news_bg.png") center 0 repeat-x;
  background-size: auto 100%; }
  @media screen and (max-width: 751px) {
    #main #tw_news {
      top: -20vw;
      margin-bottom: -20vw;
      padding: 16vw 0 4vw;
      min-width: 100%;
      background: url("../img/home/sp_tw_news_bg.png") center 0 no-repeat;
      background-size: cover; } }
  #main #tw_news .inner {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 1200px; }
    @media screen and (max-width: 751px) {
      #main #tw_news .inner {
        display: block;
        width: 100%; } }
    #main #tw_news .inner .block {
      width: 538px; }
      @media screen and (max-width: 751px) {
        #main #tw_news .inner .block {
          margin: 0 auto;
          width: 97.06667vw; } }
      #main #tw_news .inner .block h2 {
        position: relative;
        z-index: 2;
        text-align: center; }
      #main #tw_news .inner .block .contents {
        position: relative;
        top: -90px;
        margin-bottom: -90px;
        padding: 90px 50px 45px;
        height: 494px;
        background: url("../img/home/tw_bg.png") center 0 no-repeat;
        background-size: cover; }
        @media screen and (max-width: 751px) {
          #main #tw_news .inner .block .contents {
            top: -18.26667vw;
            margin-bottom: -18.26667vw;
            padding: 19.6vw 8.26667vw 8.53333vw;
            height: 98.93333vw;
            background: url("../img/home/sp_news_bg.png") center 0 no-repeat;
            background-size: cover; } }
        #main #tw_news .inner .block .contents .more {
          display: block;
          margin: 0 auto;
          padding: 18px 0;
          width: 230px;
          height: 54px;
          border: 2px solid #2481c1;
          background: #2481c1;
          font-size: 18px;
          line-height: 1;
          text-align: center;
          color: #fff;
          transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
          @media screen and (max-width: 751px) {
            #main #tw_news .inner .block .contents .more {
              padding: 4vw;
              width: 50vw;
              height: 11.73333vw;
              font-size: 4vw;
              line-height: 1; } }
          .pc #main #tw_news .inner .block .contents .more:hover {
            background: #fff;
            color: #2481c1; }
            .pc #main #tw_news .inner .block .contents .more:hover span:before {
              border: 2px solid #2481c1;
              border-top: none;
              border-left: none; }
          #main #tw_news .inner .block .contents .more span {
            position: relative;
            display: inline-block;
            padding: 0 0 0 20px; }
            @media screen and (max-width: 751px) {
              #main #tw_news .inner .block .contents .more span {
                padding: 0 0 0 4vw; } }
            #main #tw_news .inner .block .contents .more span:before {
              content: '';
              position: absolute;
              top: 50%;
              left: 0;
              display: inline-block;
              width: 8px;
              height: 8px;
              border: 2px solid #fff;
              border-top: none;
              border-left: none;
              transform: translateY(-50%) rotate(-45deg);
              transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
              @media screen and (max-width: 751px) {
                #main #tw_news .inner .block .contents .more span:before {
                  width: 1.6vw;
                  height: 1.6vw;
                  border: 0.26667vw solid #fff;
                  border-top: none;
                  border-left: none; } }
      #main #tw_news .inner .block#tw iframe {
        margin: 0 auto;
        display: block; }
        @media screen and (max-width: 751px) {
          #main #tw_news .inner .block#tw iframe {
            width: 100%; } }
      #main #tw_news .inner .block#tw #tw_widget {
        margin-bottom: 20px;
        border: 1px solid #e6ecef; }
        @media screen and (max-width: 751px) {
          #main #tw_news .inner .block#tw #tw_widget {
            margin-bottom: 5.33333vw; } }
      @media screen and (max-width: 751px) {
        #main #tw_news .inner .block#tw .pc_hide {
          display: block;
          text-align: center; } }
      #main #tw_news .inner .block#tw .tw_follow {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        box-sizing: border-box;
        background-color: #1b95e0;
        color: #fff;
        font-weight: 500;
        cursor: pointer;
        height: 5.6vw;
        border-radius: 0.8vw;
        padding: 0.2vw 2vw 0.2vw 1.8vw; }
        #main #tw_news .inner .block#tw .tw_follow i {
          position: relative;
          display: inline-block;
          background: transparent 0 0 no-repeat;
          background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
          top: 0.8vw;
          height: 3.6vw;
          width: 3.6vw; }
        #main #tw_news .inner .block#tw .tw_follow .label {
          white-space: nowrap;
          margin-left: 0.8vw; }
      @media screen and (max-width: 751px) {
        #main #tw_news .inner .block#news .contents {
          height: auto; } }
      #main #tw_news .inner .block#news #news_list {
        margin-bottom: 40px;
        width: 440px;
        height: 262px;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        overflow-x: hidden;
        overflow-y: scroll; }
        @media screen and (max-width: 751px) {
          #main #tw_news .inner .block#news #news_list {
            margin-bottom: 4vw;
            width: 100%;
            height: 28vw; } }
        #main #tw_news .inner .block#news #news_list ul {
          width: 100%; }
          #main #tw_news .inner .block#news #news_list ul li {
            position: relative;
            padding: 10px 0 15px;
            border-bottom: 1px solid #e5e5e5;
            font-size: 16px;
            line-height: 1.5; }
            @media screen and (max-width: 751px) {
              #main #tw_news .inner .block#news #news_list ul li {
                padding: 1.73333vw 0 2vw;
                font-size: 2.66667vw;
                line-height: 1.25; } }
            #main #tw_news .inner .block#news #news_list ul li dl dd {
              padding: 5px 0 0; }
              @media screen and (max-width: 751px) {
                #main #tw_news .inner .block#news #news_list ul li dl dd {
                  padding: 0.66667vw 0 0;
                  font-size: 3.2vw;
                  line-height: 1.25; } }
              #main #tw_news .inner .block#news #news_list ul li dl dd a {
                display: inline;
                color: #213fd1;
                border-bottom: 1px solid #fff;
                transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
                .pc #main #tw_news .inner .block#news #news_list ul li dl dd a:hover {
                  border-bottom: 1px solid #213fd1; }
#main #staff {
  padding: 40px 0 65px;
  min-width: 1200px;
  background: url("../img/home/staff_bg.png") center center no-repeat;
  background-size: cover; }
  @media screen and (max-width: 751px) {
    #main #staff {
      padding: 5.33333vw 0 9.33333vw;
      min-width: 100%;
      background: url("../img/home/sp_staff_bg.png") center center no-repeat;
      background-size: cover; } }
  #main #staff h2 {
    text-align: center; }
  #main #staff p {
    padding: 25px 0 60px;
    text-align: center; }
    @media screen and (max-width: 751px) {
      #main #staff p {
        padding: 2.66667vw 0 9.33333vw; } }
  #main #staff .more {
    display: block;
    margin: 0 auto;
    padding: 18px 0;
    width: 230px;
    height: 54px;
    border: 2px solid #2481c1;
    background: #2481c1;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    color: #fff;
    transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
    @media screen and (max-width: 751px) {
      #main #staff .more {
        padding: 4vw;
        width: 50vw;
        height: 11.73333vw;
        font-size: 4vw;
        line-height: 1; } }
    .pc #main #staff .more:hover {
      background: #fff;
      color: #2481c1; }
      .pc #main #staff .more:hover span:before {
        border: 2px solid #2481c1;
        border-top: none;
        border-left: none; }
    #main #staff .more span {
      position: relative;
      display: inline-block;
      padding: 0 0 0 20px; }
      @media screen and (max-width: 751px) {
        #main #staff .more span {
          padding: 0 0 0 4vw; } }
      #main #staff .more span:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        margin: 0 10px 0 0;
        width: 8px;
        height: 8px;
        border: 2px solid #fff;
        border-top: none;
        border-left: none;
        transform: translateY(-50%) rotate(-45deg);
        transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
        @media screen and (max-width: 751px) {
          #main #staff .more span:before {
            width: 1.6vw;
            height: 1.6vw;
            border: 0.26667vw solid #fff;
            border-top: none;
            border-left: none; } }
#main #movie {
  padding: 50px 0 100px;
  min-width: 1200px;
  background: url("../img/home/movie_bg.png") center center no-repeat;
  background-size: cover; }
  @media screen and (max-width: 751px) {
    #main #movie {
      padding: 5.33333vw 0 10.66667vw;
      min-width: 100%;
      background: url("../img/home/sp_movie_bg.png") center center no-repeat;
      background-size: cover; } }
  #main #movie h2 {
    text-align: center; }
  #main #movie .movie {
    margin: 45px auto 0;
    text-align: center; }
    @media screen and (max-width: 751px) {
      #main #movie .movie {
        margin: 6vw 0 0; } }
#main #spec {
  padding: 90px 0;
  min-width: 1200px;
  background: url("../img/home/spec_bg.png") center center no-repeat;
  background-size: cover; }
  @media screen and (max-width: 751px) {
    #main #spec {
      padding: 4vw 0 13.33333vw;
      min-width: 100%;
      background: url("../img/home/sp_spec_bg.png") center center no-repeat;
      background-size: cover; } }
  #main #spec .inner {
    margin: 0 auto;
    width: 1200px; }
    @media screen and (max-width: 751px) {
      #main #spec .inner {
        width: 100%; } }
    #main #spec .inner h2 {
      text-align: center; }
    #main #spec .inner #spec_detail {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 60px 0 0; }
      @media screen and (max-width: 751px) {
        #main #spec .inner #spec_detail {
          display: block;
          padding: 4.66667vw 0 0; } }
      @media screen and (max-width: 751px) {
        #main #spec .inner #spec_detail > dt {
          text-align: center; } }
      #main #spec .inner #spec_detail > dd {
        width: 646px; }
        @media screen and (max-width: 751px) {
          #main #spec .inner #spec_detail > dd {
            margin: 0 auto;
            width: 92vw; } }
        #main #spec .inner #spec_detail > dd ul li {
          padding: 23px 0 0;
          width: 100%;
          font-size: 18px;
          line-height: 1; }
          @media screen and (max-width: 751px) {
            #main #spec .inner #spec_detail > dd ul li {
              padding: 3.33333vw 0 0; } }
          #main #spec .inner #spec_detail > dd ul li:first-child {
            padding: 0; }
            @media screen and (max-width: 751px) {
              #main #spec .inner #spec_detail > dd ul li:first-child {
                padding: 8vw 0 0; } }
          #main #spec .inner #spec_detail > dd ul li dl {
            display: flex; }
            #main #spec .inner #spec_detail > dd ul li dl dt {
              position: relative;
              margin-right: -30px;
              padding: 0 40px;
              width: 38.35404%;
              background: url("../img/home/spec_txt_bg.png") center center no-repeat;
              background-size: 100% 100%;
              font-weight: bold;
              color: #fff;
              text-align: center;
              line-height: 36px;
              white-space: nowrap; }
              @media screen and (max-width: 751px) {
                #main #spec .inner #spec_detail > dd ul li dl dt {
                  margin-right: -4vw;
                  padding: 0 2.66667vw;
                  width: 31.88406%;
                  font-size: 2.4vw;
                  line-height: 4.8vw;
                  letter-spacing: -0.5px; } }
            #main #spec .inner #spec_detail > dd ul li dl dd {
              width: 68.11594%;
              padding: 0 0 0 44px;
              background: url("../img/home/spec_txt_line.png") 0 bottom no-repeat;
              background-size: 100% 3px;
              line-height: 36px;
              white-space: nowrap; }
              @media screen and (max-width: 751px) {
                #main #spec .inner #spec_detail > dd ul li dl dd {
                  padding: 0 0 0 6vw;
                  font-size: 3.2vw;
                  line-height: 4.8vw;
                  letter-spacing: -0.5px; } }
    #main #spec .inner #bunko {
      display: block;
      margin: 80px auto 0;
      width: 340px;
      transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
      .pc #main #spec .inner #bunko:hover {
        opacity: 0.7; }
      @media screen and (max-width: 751px) {
        #main #spec .inner #bunko {
          margin: 14vw auto 0;
          width: 61.33333vw; } }
/*20201020*/
#main #kv p.bnr {
  padding-top: 4vw;
  text-align: center;
}
@media screen and (max-width: 751px) {
  #main #kv p.bnr img {
      width:90%;
    }}
/*# sourceMappingURL=home.css.map */