#ct_bg .contents01 .mainContens01 .mainArea01 .title01Wrap {
  position: relative;
  z-index: 10;
  padding: 0 20px 40px;
  background: url("../../common/images/bg05.png") no-repeat 50% 0/2000px, url("../../common/images/bg04.jpg") no-repeat 50% 50%/cover; }
  #ct_bg .contents01 .mainContens01 .mainArea01 .title01Wrap.type02 {
    margin-bottom: 40px; }
  @media screen and (max-width: 639px) {
    #ct_bg .contents01 .mainContens01 .mainArea01 .title01Wrap {
      padding: 4.125vw 0 10.5vw;
      background: url("../../common/images/bg05.png") no-repeat 50% 0/2000px, url("../../common/images/bg04.jpg") no-repeat 50% 50%/cover; } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .title01Wrap::before {
    content: '';
    position: absolute;
    top: -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 .title01Wrap::before {
        top: -2vw;
        height: 4vw;
        background-size: auto 4vw; } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .title01Wrap::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 .title01Wrap::after {
        bottom: -2vw;
        height: 4vw;
        background-size: auto 4vw; } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .title01Wrap .title01 {
    background: none; }
    @media screen and (max-width: 639px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 .title01Wrap .title01 {
        padding-bottom: 4.5vw; } }
    #ct_bg .contents01 .mainContens01 .mainArea01 .title01Wrap .title01::after {
      background: none; }
#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 .bnr01 {
  text-align: center;
  margin-top: 10px; }
  #ct_bg .contents01 .mainContens01 .mainArea01 .bnr01 a {
    display: inline-block; }
  #ct_bg .contents01 .mainContens01 .mainArea01 .bnr01 img {
    width: 460px; }
    @media screen and (max-width: 639px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 .bnr01 img {
        width: 85vw; } }
#ct_bg .contents01 .mainContens01 .mainArea01 .bnr02 {
  width: 69%;
  margin: 38px auto 0; }
  @media screen and (max-width: 639px) {
    #ct_bg .contents01 .mainContens01 .mainArea01 .bnr02 {
      width: 95vw;
      margin: 10vw auto 0; } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .bnr02 a {
    display: block; }
#ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 {
  position: relative; }
  #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background: url("../../common/images/bg05.png") no-repeat 50% 0/2000px, -webkit-gradient(linear, left top, left bottom, from(#3db3e8), color-stop(54%, #99d2e6), to(rgba(159, 213, 238, 0)));
    background: url("../../common/images/bg05.png") no-repeat 50% 0/2000px, linear-gradient(180deg, #3db3e8 0%, #99d2e6 54%, rgba(159, 213, 238, 0) 100%);
    background-blend-mode: hard-light; }
  #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 {
    max-width: 1040px;
    margin: 0 auto;
    padding: 54px 20px 105px;
    position: relative;
    z-index: 11; }
    @media screen and (max-width: 639px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 {
        padding: 12.5vw 0 25.2vw; } }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 .title02 {
      text-align: center;
      margin-bottom: 92px;
      position: relative;
      z-index: 11; }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 .title02 {
          margin-bottom: 13.25vw; } }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 .title02 img {
          width: 95vw; } }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 .title03 {
      text-align: center;
      margin-bottom: 40px;
      position: relative;
      z-index: 11; }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 .title03 {
          margin-bottom: 9.75vw; } }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 .title03 img {
          width: 92.5vw; } }
    #ct_bg .contents01 .mainContens01 .mainArea01 > .inner01 > .inner02 section + section {
      margin-top: 100px; }
#ct_bg .contents01 .mainContens01 .mainArea01 .frame01 {
  background: url("../../common/images/bg06.svg") no-repeat 5px 5px, url("../../common/images/bg07.svg") no-repeat calc(100% - 5px) 5px, url("../../common/images/bg08.svg") no-repeat 5px calc(100% - 5px), url("../../common/images/bg09.svg") no-repeat calc(100% - 5px) calc(100% - 5px), rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  position: relative;
  z-index: 11;
  margin-bottom: 100px; }
  @media screen and (max-width: 639px) {
    #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 {
      margin-left: 2.5vw;
      margin-right: 2.5vw;
      background: url("../../common/images/bg06.svg") no-repeat 1.25vw 1.25vw / 7.25vw, url("../../common/images/bg07.svg") no-repeat calc(100% - 1.25vw) 1.25vw / 7.25vw, url("../../common/images/bg08.svg") no-repeat 1.25vw calc(100% - 1.25vw) / 7.25vw, url("../../common/images/bg09.svg") no-repeat calc(100% - 1.25vw) calc(100% - 1.25vw) / 7.25vw, rgba(255, 255, 255, 0.8); } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .frame01::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    width: calc(100% - 70px);
    height: 2px;
    background: #F7C720;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (max-width: 639px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 .frame01::before {
        width: calc(100% - 20vw); } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .frame01::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    width: calc(100% - 80px);
    height: 1px;
    background: #F7C720;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (max-width: 639px) {
      #ct_bg .contents01 .mainContens01 .mainArea01 .frame01::after {
        width: calc(100% - 22.5vw); } }
  #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 {
    position: relative; }
    #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01::before {
      content: '';
      position: absolute;
      bottom: 10px;
      left: 50%;
      width: calc(100% - 70px);
      height: 2px;
      background: #F7C720;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01::before {
          width: calc(100% - 20vw); } }
    #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01::after {
      content: '';
      position: absolute;
      bottom: 15px;
      left: 50%;
      width: calc(100% - 80px);
      height: 1px;
      background: #F7C720;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01::after {
          width: calc(100% - 22.5vw); } }
    #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 {
      padding: 29px 30px 39px; }
      @media screen and (max-width: 639px) {
        #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 {
          padding: 10vw 2.5vw 10vw; } }
      #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 .hdg01 {
        text-align: center;
        margin-bottom: 10px; }
        @media screen and (max-width: 639px) {
          #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 .hdg01 {
            margin-bottom: 2vw; } }
        #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 .hdg01 img {
          width: 400px; }
          @media screen and (max-width: 639px) {
            #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 .hdg01 img {
              width: 87.5vw; } }
      #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 .hdg02 {
        text-align: center;
        margin-top: 19px;
        margin-bottom: 10px; }
        @media screen and (max-width: 639px) {
          #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 .hdg02 {
            margin-top: 3vw;
            margin-bottom: 2.5vw; } }
        #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 .hdg02 img {
          width: 400px; }
          @media screen and (max-width: 639px) {
            #ct_bg .contents01 .mainContens01 .mainArea01 .frame01 > .inner01 > .inner02 .hdg02 img {
              width: 87.5vw; } }
#ct_bg .contents01 .mainContens01 .mainArea01 .frame02 {
  width: 80%;
  margin: 0 auto 38px; }
  @media screen and (max-width: 639px) {
    #ct_bg .contents01 .mainContens01 .mainArea01 .frame02 {
      width: 92.5vw; } }
#ct_bg .contents01 .mainContens01 .mainArea01 .movieWrap01 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden; }
  #ct_bg .contents01 .mainContens01 .mainArea01 .movieWrap01 iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
#ct_bg .contents01 .mainContens01 .mainArea01 .movieWrapVertical {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }
#ct_bg .contents01 .mainContens01 .mainArea01 .movieWrap02 {
  position: relative;
  height: 0;
  padding-bottom: 177.75%;
  overflow: hidden; }
  #ct_bg .contents01 .mainContens01 .mainArea01 .movieWrap02 iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

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