#ct_bg .contents01 .mainContens01 .mainArea01 .title01 {
  position: relative;
  text-align: center;
  background: url("../../common/images/bg05.png") no-repeat 50% 0/2000px, url("../../common/images/bg04.jpg") no-repeat 50% 50%/cover;
  padding-top: 30px; }
  @media screen and (max-width: 639px) {
    #ct_bg .contents01 .mainContens01 .mainArea01 .title01 {
      background: url("../../common/images/bg05.png") no-repeat 50% 0/2000px, url("../../common/images/bg04.jpg") no-repeat 50% 50%/cover;
      padding-top: 5.75vw;
      padding-bottom: 2.25vw; } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .title01 span {
    display: inline-block; }
    @media screen and (max-width: 1200px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 .title01 span {
        width: 67.55%; } }
    @media screen and (max-width: 639px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 .title01 span {
        width: 100%;
        text-align: center; } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .title01::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 22px;
    background: url("../../common/images/bg03.png") repeat-x 0 0/auto 22px;
    z-index: 10; }
    @media screen and (max-width: 639px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 .title01::after {
        bottom: -2vw;
        height: 4vw;
        background-size: auto 4vw; } }
#ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 {
  max-width: 1040px;
  margin: 0 auto;
  padding: 60px 20px 105px;
  position: relative; }
  @media screen and (max-width: 639px) {
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 {
      padding: 14.8vw 0 25.2vw; } }
  #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
    z-index: 10; }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li {
      width: 49%; }
      @media screen and (min-width: 640px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li {
          margin-right: 2%; }
          #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li:nth-child(2n + 2), #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li:last-child {
            margin-right: 0; }
          #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li:nth-child(n + 3) {
            margin-top: 42px; } }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li {
          width: 100%; }
          #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li:nth-child(n + 2) {
            margin-top: 39px; } }
      #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li .caption {
        text-align: center;
        font-family: "M PLUS Rounded 1c", serif;
        font-weight: 500;
        font-style: normal;
        transform: rotate(0.03deg);
        font-size: 1.6rem;
        line-height: 1.6;
        position: relative;
        z-index: 10; }
        @media screen and (max-width: 639px) {
          #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieList01 li .caption {
            margin-left: 1em;
            margin-right: 1em; } }
  #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 {
    background: url("../images/bg_index01.png") no-repeat 50% 0/100%;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 4px;
    position: relative; }
    @media screen and (max-width: 639px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 {
        margin-bottom: 3vw;
        width: 96.5vw;
        background: url("../images/bg_index01_sp.png") no-repeat 50% 0/100%; } }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 41.4px;
      height: 41.4px;
      background: url("../images/ic_index01.png") no-repeat 50% 0/contain;
      z-index: 2; }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01::before {
          top: -1.25vw;
          left: -1.25vw;
          width: 6vw;
          height: 6.125vw; } }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 41.4px;
      height: 41.4px;
      background: url("../images/ic_index02.png") no-repeat 50% 0/contain; }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01::after {
          top: -1.25vw;
          right: -1.25vw;
          width: 6vw;
          height: 6.125vw; } }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 > .inner01 {
      padding: 27.5px;
      position: relative; }
      @media screen and (max-width: 1040px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 > .inner01 {
          padding: 2.6442307692vw; } }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 > .inner01 {
          padding: 2vw; } }
      #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 > .inner01::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 41.4px;
        height: 41.4px;
        background: url("../images/ic_index03.png") no-repeat 50% 0/contain;
        z-index: 2; }
        @media screen and (max-width: 639px) {
          #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 > .inner01::before {
            bottom: -1.25vw;
            left: -1.25vw;
            width: 6vw;
            height: 6.125vw; } }
      #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 > .inner01::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 41.4px;
        height: 41.4px;
        background: url("../images/ic_index04.png") no-repeat 50% 0/contain; }
        @media screen and (max-width: 639px) {
          #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 > .inner01::after {
            bottom: -1.25vw;
            right: -1.25vw;
            width: 6vw;
            height: 6.125vw; } }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 .new {
      position: absolute;
      top: -40px;
      left: -10px;
      width: 71px;
      height: 100px;
      background: url("../images/tx_index01.png") no-repeat 0 0/contain;
      z-index: 2; }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 .new {
          top: -10.25vw;
          left: -1.175vw;
          width: 14.03vw;
          height: 19.76vw; } }
      #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieFrame01 .new span {
        display: block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden; }
  #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieWrap01 {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden; }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 .movieWrap01 iframe {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }