main,
nav {
  font-size: 0.8064516129vw; }
  @media screen and (min-width: 1281px) {
    main,
    nav {
      font-size: 10px; } }
  @media screen and (max-width: 719px) {
    main,
    nav {
      font-size: 1.3037809648vw; } }
  main section,
  nav section {
    position: relative; }
  main .fixed,
  nav .fixed {
    height: 100%;
    overflow: hidden; }

html {
  font-size: 62.5%; }

@media screen and (max-width: 767px) {
  html {
    font-size: 40%; } }
@media screen and (max-width: 479px) {
  html {
    font-size: 31.25%; } }
#cont a {
  -webkit-tap-highlight-color: initial !important;
  color: initial;
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  background: transparent; }

img {
  max-width: 100%;
  height: auto; }

p {
  color: #666; }

.strong {
  color: #F9788A; }

#crumbs {
  width: 100%;
  position: relative;
  padding: 61px 0 17px !important;
  background: #999999 !important; }
  #crumbs .crumbs_list {
    display: flex;
    align-items: center;
    line-height: 1; }
    @media screen and (max-width: 767px) {
      #crumbs .crumbs_list {
        display: none !important; } }
    #crumbs .crumbs_list > li {
      display: block;
      position: relative; }
      #crumbs .crumbs_list > li.current {
        pointer-events: none; }
      #crumbs .crumbs_list > li + li {
        margin-left: 0.5em;
        padding-left: 1.1em; }
        #crumbs .crumbs_list > li + li::before {
          content: ">";
          position: absolute;
          left: 0;
          top: 44%;
          color: #fff;
          transform: translate(0, -50%); }
      #crumbs .crumbs_list > li > a {
        display: block;
        text-decoration: none;
        color: #fff; }

#key {
  position: relative;
  width: 100%;
  padding: 25px 0 230px !important;
  background: #eff2f3 !important; }
  @media screen and (max-width: 767px) {
    #key {
      padding: 17% 0 230px !important; } }
  #key .anker {
    display: flex;
    justify-content: center;
    margin-top: -28px; }
    @media screen and (max-width: 767px) {
      #key .anker {
        flex-direction: column;
        align-items: center; } }
    #key .anker_list {
      position: relative;
      text-align: center;
      font-size: 16px;
      background: #fff;
      margin: 0 7px;
      color: #666; }
      @media screen and (max-width: 767px) {
        #key .anker_list {
          font-size: 2.3rem;
          margin: 0 0.7em 0.7em; } }
      #key .anker_list a {
        color: #666;
        width: 300px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 767px) {
          #key .anker_list a {
            width: 73.0117340287vw; } }
      #key .anker_list .arrow {
        display: inline-block; }
        #key .anker_list .arrow::before {
          content: "";
          display: block;
          position: absolute;
          top: 19px;
          right: 9%;
          width: 0.5em;
          height: 0.5em;
          border-top: 2px solid #666;
          border-right: 2px solid #666;
          transform: translateX(-50%) rotate(135deg); }

#prize {
  width: 100%;
  padding: 30px 0 100px !important;
  background: #fff !important; }
  @media screen and (max-width: 767px) {
    #prize {
      padding-bottom: 7em !important; } }
  #prize .overview {
    position: relative;
    margin-top: -240px;
    height: 421px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../img/box01.png); }
    @media screen and (max-width: 767px) {
      #prize .overview {
        background: url(../img/sp/box01.png) 0 0 no-repeat;
        background-size: 100% auto;
        padding-top: 126.45%;
        height: 0; } }
    #prize .overview_container {
      padding-top: 60px; }
      @media screen and (max-width: 767px) {
        #prize .overview_container {
          position: absolute;
          padding-top: 0;
          top: 7%;
          left: 0;
          width: 100%; } }
    #prize .overview_title {
      margin: auto;
      width: 208px; }
      @media screen and (max-width: 767px) {
        #prize .overview_title {
          width: 30.7692307692vw; } }
    #prize .overview_text {
      margin-top: 20px;
      text-align: center;
      font-size: 14px;
      line-height: 2.143em; }
      @media screen and (max-width: 767px) {
        #prize .overview_text {
          margin-top: 2em;
          font-size: 2.4rem;
          line-height: 1.875em; } }
      @media screen and (max-width: 320px) {
        #prize .overview_text {
          font-size: 2rem; } }
    #prize .overview_lead {
      margin-top: 20px;
      text-align: center;
      font-size: 14px;
      line-height: 1.643em; }
      @media screen and (max-width: 767px) {
        #prize .overview_lead {
          margin-top: 3em;
          font-size: 2.1rem;
          line-height: 1.123em; } }
      @media screen and (max-width: 320px) {
        #prize .overview_lead {
          margin-top: 2em;
          font-size: 2rem; } }
    #prize .overview_box {
      margin: auto;
      position: relative;
      text-align: center;
      font-size: 16px;
      background: #DBC7CA;
      color: #666;
      width: 300px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 767px) {
        #prize .overview_box {
          margin-top: 0.5em;
          font-size: 2.3rem;
          width: 62.5814863103vw;
          height: 10.4302477184vw; } }
      #prize .overview_box a {
        color: #666;
        width: 300px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 767px) {
          #prize .overview_box a {
            width: 62.5814863103vw;
            height: 10.4302477184vw; } }
      #prize .overview_box .arrow {
        display: inline-block; }
        #prize .overview_box .arrow::before {
          content: "";
          display: block;
          position: absolute;
          top: 34%;
          right: 6%;
          width: 0.5em;
          height: 0.5em;
          border-top: 1px solid #666;
          border-right: 1px solid #666;
          transform: translateX(-50%) rotate(135deg); }
    #prize .overview_annotation {
      margin-top: 25px;
      text-align: center;
      font-size: 11px; }
      @media screen and (max-width: 767px) {
        #prize .overview_annotation {
          margin-top: 2.5em;
          font-size: 1.8rem;
          line-height: 1.667em; } }
      @media screen and (max-width: 320px) {
        #prize .overview_annotation {
          margin-top: 2em;
          font-size: 1.6rem;
          line-height: 1.75em; } }
  #prize .prize-box_title {
    margin: 50px auto 0;
    width: 75px; }
    @media screen and (max-width: 767px) {
      #prize .prize-box_title {
        margin-top: 5em;
        width: 9.6479791395vw; } }
  #prize .prize-box_main {
    position: relative;
    margin-top: 20px;
    height: 600px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../img/prize.png); }
    @media screen and (max-width: 767px) {
      #prize .prize-box_main {
        background: url(../img/sp/prize.png) 0 0 no-repeat;
        background-size: 100% auto;
        padding-top: 231.76%;
        height: 0; } }
    #prize .prize-box_main_lead {
      width: 276px;
      position: absolute;
      top: 45px;
      right: 224px; }
      @media screen and (max-width: 767px) {
        #prize .prize-box_main_lead {
          width: 52.8031290743vw;
          position: absolute;
          top: 30%;
          right: 35%; } }
    #prize .prize-box_main_text {
      position: absolute;
      top: 34%;
      right: 5%; }
      @media screen and (max-width: 767px) {
        #prize .prize-box_main_text {
          position: absolute;
          top: 44%;
          left: 7%;
          width: 100%; } }
      #prize .prize-box_main_text p:first-child {
        font-size: 13px;
        line-height: 1.5em;
        font-weight: 600; }
        @media screen and (max-width: 767px) {
          #prize .prize-box_main_text p:first-child {
            font-size: 2.8rem;
            line-height: 1.429em; } }
        @media screen and (max-width: 320px) {
          #prize .prize-box_main_text p:first-child {
            font-size: 2.6rem;
            line-height: 1.462em; } }
      #prize .prize-box_main_text p:last-child {
        margin-top: 10px;
        font-size: 10px;
        line-height: 1.9em;
        width: 450px; }
        @media screen and (max-width: 767px) {
          #prize .prize-box_main_text p:last-child {
            margin-top: 0.9em;
            font-size: 2.2rem;
            line-height: 1.7em;
            width: 100%; } }
        @media screen and (max-width: 320px) {
          #prize .prize-box_main_text p:last-child {
            margin-top: 1em;
            font-size: 2rem;
            line-height: 1.6em; } }
    #prize .prize-box_main_introduction {
      display: flex;
      position: absolute;
      top: 51%;
      right: 4%; }
      @media screen and (max-width: 767px) {
        #prize .prize-box_main_introduction {
          flex-direction: column;
          position: absolute;
          top: 64%;
          left: 7%;
          right: 7%; } }
      #prize .prize-box_main_introduction_image {
        margin-right: 2em;
        width: 226px; }
        @media screen and (max-width: 767px) {
          #prize .prize-box_main_introduction_image {
            width: 76.9230769231vw;
            margin-right: 0; } }
      #prize .prize-box_main_introduction_text {
        width: 220px;
        margin-top: 4.5em; }
        @media screen and (max-width: 767px) {
          #prize .prize-box_main_introduction_text {
            width: 100%;
            margin-top: 2em; } }
        #prize .prize-box_main_introduction_text p {
          letter-spacing: initial; }
          @media screen and (max-width: 767px) {
            #prize .prize-box_main_introduction_text p {
              width: 100%; } }
          #prize .prize-box_main_introduction_text p:first-child {
            font-size: 10px;
            line-height: 1.5em; }
            @media screen and (max-width: 767px) {
              #prize .prize-box_main_introduction_text p:first-child {
                font-size: 1.8rem;
                line-height: 1.5em; } }
            @media screen and (max-width: 320px) {
              #prize .prize-box_main_introduction_text p:first-child {
                font-size: 1.4rem;
                line-height: 1.5em; } }
          #prize .prize-box_main_introduction_text p:last-child {
            font-size: 10px;
            margin-top: 15px;
            line-height: 1.5em; }
            @media screen and (max-width: 767px) {
              #prize .prize-box_main_introduction_text p:last-child {
                font-size: 1.8rem;
                line-height: 1.5em; } }
            @media screen and (max-width: 320px) {
              #prize .prize-box_main_introduction_text p:last-child {
                margin-top: 1em;
                font-size: 1.4rem;
                line-height: 1.5em; } }

#application {
  width: 100%;
  padding: 25px 0 100px !important;
  background: #eff2f3 !important; }
  @media screen and (max-width: 767px) {
    #application {
      padding-bottom: 0 !important; } }
  #application .application-box_title {
    margin: 40px auto 0;
    width: 160px; }
    @media screen and (max-width: 767px) {
      #application .application-box_title {
        margin-top: 3em;
        width: 20.8604954368vw; } }
  #application .application-box_lead {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 1.813em; }
    @media screen and (max-width: 767px) {
      #application .application-box_lead {
        margin-top: 2em;
        font-size: 2rem;
        line-height: 1.65em; } }
  #application .application-box_period {
    position: relative;
    margin-top: 10px;
    height: 52px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../img/application-period.png); }
    @media screen and (max-width: 767px) {
      #application .application-box_period {
        width: 62.5814863103vw;
        margin: 1em auto 0;
        background: url(../img/sp/application-period.png) 0 0 no-repeat;
        background-size: 100% auto;
        padding-top: 28.42%;
        height: 0; } }
    #application .application-box_period_text-img {
      padding-top: 16px;
      margin: auto;
      width: 615px; }
      @media screen and (max-width: 767px) {
        #application .application-box_period_text-img {
          padding-top: 0;
          width: 42.2425032595vw;
          position: absolute;
          top: 2.6vw;
          left: 10vw;
          right: 10vw; } }
  #application .application-box2 {
    position: relative;
    margin-top: 30px;
    height: 942px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../img/application-box2.png); }
    @media screen and (max-width: 767px) {
      #application .application-box2 {
        margin-top: -3em;
        background: url(../img/sp/application-box2.png) 0 0 no-repeat;
        background-size: 100% auto;
        padding-top: 389.70%;
        height: 0; } }
    #application .application-box2_title {
      padding-top: 50px;
      margin: auto;
      width: 113px; }
      @media screen and (max-width: 767px) {
        #application .application-box2_title {
          width: 17.3402868318vw;
          padding-top: 0;
          position: absolute;
          top: 10vw;
          left: 36vw;
          right: 36vw; } }
    #application .application-box2_lead {
      padding-top: 20px;
      margin: auto;
      width: 324px; }
      @media screen and (max-width: 767px) {
        #application .application-box2_lead {
          width: 53.8461538462vw;
          padding-top: 0;
          position: absolute;
          top: 15vw;
          left: 14vw;
          right: 14vw; } }
    #application .application-box2_flow {
      padding-top: 20px;
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        #application .application-box2_flow {
          position: absolute;
          top: 25vw;
          left: 15vw;
          right: 15vw;
          padding-top: 0;
          display: block; } }
      #application .application-box2_flow_box {
        margin: 0 15px; }
        @media screen and (max-width: 767px) {
          #application .application-box2_flow_box {
            margin: 0; } }
        #application .application-box2_flow_box.mr {
          margin-right: 0; }
        #application .application-box2_flow_box_text {
          text-align: center;
          font-size: 10px;
          line-height: 1.6em; }
          @media screen and (max-width: 767px) {
            #application .application-box2_flow_box_text {
              letter-spacing: 0.1em;
              font-size: 1.8rem;
              line-height: 1.556em; } }
          @media screen and (max-width: 767px) {
            #application .application-box2_flow_box_text.mt {
              margin-top: 2em; } }
        #application .application-box2_flow_box_img {
          margin-top: 5px;
          width: 196px; }
          @media screen and (max-width: 767px) {
            #application .application-box2_flow_box_img {
              width: 43vw;
              margin: 1em auto 0; } }
        #application .application-box2_flow_box_img2 {
          margin-top: 5px;
          width: 220px; }
          @media screen and (max-width: 767px) {
            #application .application-box2_flow_box_img2 {
              margin-top: 1em;
              width: 61vw;
              margin-left: 8vw; } }
    #application .application-box2_video {
      margin: 40px auto 0;
      width: 680px;
      height: 200px;
      background: #EFF2F3; }
      @media screen and (max-width: 767px) {
        #application .application-box2_video {
          width: 80.8344198175vw;
          height: 31.2907431551vw;
          margin: 0 auto;
          position: absolute;
          top: 303vw;
          left: 0;
          right: 0; } }
      @media screen and (max-width: 320px) {
        #application .application-box2_video {
          top: 308vw; } }
      #application .application-box2_video_text-img {
        padding-top: 20px;
        margin: auto;
        width: 175px; }
        @media screen and (max-width: 767px) {
          #application .application-box2_video_text-img {
            padding-top: 3em;
            width: 34.2894393742vw; } }
      #application .application-box2_video_box {
        position: relative;
        text-align: center;
        padding-top: 20px; }
        @media screen and (max-width: 767px) {
          #application .application-box2_video_box {
            padding-top: 4em; } }
        #application .application-box2_video_box #pc_kv {
          display: flex !important;
          justify-content: center; }
          #application .application-box2_video_box #pc_kv .modalBtn {
            animation-name: initial; }
            #application .application-box2_video_box #pc_kv .modalBtn img {
              width: initial; }
          #application .application-box2_video_box #pc_kv #modalBtn2 {
            margin: 0 20px;
            width: 160px;
            position: initial;
            display: flex;
            flex-direction: column;
            align-items: center; }
            @media screen and (max-width: 767px) {
              #application .application-box2_video_box #pc_kv #modalBtn2 {
                width: 20.8604954368vw;
                margin: 0 1vw; } }
            @media all and (-ms-high-contrast: none) {
              #application .application-box2_video_box #pc_kv #modalBtn2 {
                position: static; } }
            #application .application-box2_video_box #pc_kv #modalBtn2 img:first-child {
              width: 160px; }
              @media screen and (max-width: 767px) {
                #application .application-box2_video_box #pc_kv #modalBtn2 img:first-child {
                  width: 20.8604954368vw; } }
            #application .application-box2_video_box #pc_kv #modalBtn2 img:nth-child(2) {
              margin-top: 1em;
              width: 95px; }
            @media screen and (max-width: 767px) {
              #application .application-box2_video_box #pc_kv #modalBtn2 img:nth-child(4) {
                margin-top: 1em;
                width: 18.5136897001vw; } }
          #application .application-box2_video_box #pc_kv #modalBtn3 {
            margin: 0 20px;
            width: 160px;
            position: initial;
            display: flex;
            flex-direction: column;
            align-items: center; }
            @media screen and (max-width: 767px) {
              #application .application-box2_video_box #pc_kv #modalBtn3 {
                width: 20.8604954368vw;
                margin: 0 1vw; } }
            @media all and (-ms-high-contrast: none) {
              #application .application-box2_video_box #pc_kv #modalBtn3 {
                position: static; } }
            #application .application-box2_video_box #pc_kv #modalBtn3 img:first-child {
              width: 160px; }
              @media screen and (max-width: 767px) {
                #application .application-box2_video_box #pc_kv #modalBtn3 img:first-child {
                  width: 20.8604954368vw; } }
            #application .application-box2_video_box #pc_kv #modalBtn3 img:nth-child(2) {
              margin-top: 1em;
              width: 66px; }
            @media screen and (max-width: 767px) {
              #application .application-box2_video_box #pc_kv #modalBtn3 img:nth-child(4) {
                margin-top: 1em;
                width: 12.777053455vw; } }
          #application .application-box2_video_box #pc_kv #modalBtn4 {
            margin: 0 20px;
            width: 160px;
            position: initial;
            display: flex;
            flex-direction: column;
            align-items: center; }
            @media screen and (max-width: 767px) {
              #application .application-box2_video_box #pc_kv #modalBtn4 {
                width: 20.8604954368vw;
                margin: 0 1vw; } }
            @media all and (-ms-high-contrast: none) {
              #application .application-box2_video_box #pc_kv #modalBtn4 {
                position: static; } }
            #application .application-box2_video_box #pc_kv #modalBtn4 img:first-child {
              width: 160px; }
              @media screen and (max-width: 767px) {
                #application .application-box2_video_box #pc_kv #modalBtn4 img:first-child {
                  width: 20.8604954368vw; } }
            #application .application-box2_video_box #pc_kv #modalBtn4 img:nth-child(2) {
              margin-top: 1em;
              width: 76px; }
            @media screen and (max-width: 767px) {
              #application .application-box2_video_box #pc_kv #modalBtn4 img:nth-child(4) {
                margin-top: 1em;
                width: 14.9934810952vw; } }
  #application .application-challenge {
    position: relative; }
    #application .application-challenge_img {
      position: absolute;
      z-index: 99;
      right: 280px;
      top: -65px;
      width: 453px; }
      @media screen and (max-width: 767px) {
        #application .application-challenge_img {
          width: 65.6453715776vw;
          position: absolute;
          top: -9vw;
          left: 12vw;
          right: 12vw; } }
    #application .application-challenge_text {
      position: absolute;
      top: 37px;
      right: 332px;
      font-size: 12px;
      line-height: 1.667em;
      text-align: center; }
      @media screen and (max-width: 767px) {
        #application .application-challenge_text {
          position: absolute;
          top: 10vw;
          left: 0;
          right: 0;
          font-size: 1.8rem;
          line-height: 1.445em;
          width: 100%; } }
      @media screen and (min-width: 720px) and (max-width: 767px) {
        #application .application-challenge_text {
          top: 7vw; } }
      #application .application-challenge_text a {
        color: #666;
        text-decoration: underline; }
  #application .application-box3 {
    position: relative;
    margin-top: 100px;
    height: 353px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../img/application-box3.png); }
    @media screen and (max-width: 767px) {
      #application .application-box3 {
        margin-top: 17em;
        background: url(../img/sp/application-box3.png) 0 0 no-repeat;
        background-size: 100% auto;
        padding-top: 80.93%;
        height: 0; } }
    #application .application-box3_title {
      padding-top: 50px;
      margin: auto;
      width: 116px; }
      @media screen and (max-width: 767px) {
        #application .application-box3_title {
          padding-top: 0;
          width: 17.7314211213vw;
          position: absolute;
          top: 10vw;
          left: 36vw;
          right: 36vw; } }
    #application .application-box3_lead {
      padding-top: 20px;
      margin: auto;
      width: 188px; }
      @media screen and (max-width: 767px) {
        #application .application-box3_lead {
          padding-top: 0;
          width: 31.2907431551vw;
          position: absolute;
          top: 15vw;
          left: 0;
          right: 5vw; } }
    #application .application-box3_text {
      margin-top: 15px;
      text-align: center;
      font-size: 14px;
      line-height: 2.143em; }
      @media screen and (max-width: 767px) {
        #application .application-box3_text {
          margin-top: 1em;
          position: absolute;
          top: 23vw;
          left: 10vw;
          right: 10vw;
          font-size: 2rem;
          line-height: 1.65em; } }
      @media screen and (max-width: 320px) {
        #application .application-box3_text {
          font-size: 1.8rem;
          line-height: 1.723em; } }
    #application .application-box3_follow-box {
      margin: 15px auto 0;
      position: relative;
      width: 300px;
      height: 70px;
      text-align: center;
      font-size: 16px;
      background: #DBC7CA;
      color: #666; }
      @media screen and (max-width: 767px) {
        #application .application-box3_follow-box {
          margin-top: 1em;
          position: absolute;
          width: 62.5814863103vw;
          height: 17.6010430248vw;
          top: 40vw;
          left: 10vw;
          right: 10vw;
          font-size: 2.4rem;
          line-height: 1.375em; } }
      @media screen and (max-width: 320px) {
        #application .application-box3_follow-box {
          margin-top: 2em; } }
      #application .application-box3_follow-box a {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #666;
        width: 300px;
        height: 70px; }
        @media screen and (max-width: 767px) {
          #application .application-box3_follow-box a {
            width: 62.5814863103vw;
            height: 17.6010430248vw; } }
      #application .application-box3_follow-box .arrow {
        display: inline-block; }
        #application .application-box3_follow-box .arrow::before {
          content: "";
          display: block;
          position: absolute;
          top: 31px;
          right: 9%;
          width: 8px;
          height: 8px;
          border-top: 2px solid #666;
          border-right: 2px solid #666;
          transform: translateX(-50%) rotate(45deg); }
          @media screen and (max-width: 767px) {
            #application .application-box3_follow-box .arrow::before {
              position: absolute;
              top: 8vw;
              right: 4vw;
              width: 0.5em;
              height: 0.5em;
              border-top: 1px solid #666;
              border-right: 1px solid #666; } }
  #application .application-box4 {
    position: relative;
    margin-top: 40px;
    height: 350px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../img/application-box4.png); }
    @media screen and (max-width: 767px) {
      #application .application-box4 {
        margin: 4em auto;
        background: url(../img/sp/application-box4.png) 0 0 no-repeat;
        background-size: 100% auto;
        padding-top: 84.21%;
        width: 74.3155149935vw;
        height: 0; } }
    #application .application-box4_title {
      padding-top: 40px;
      margin: auto;
      width: 177px; }
      @media screen and (max-width: 767px) {
        #application .application-box4_title {
          padding-top: 0;
          width: 30.3780964798vw;
          position: absolute;
          top: 6vw;
          left: 0;
          right: 0; } }
    #application .application-box4_lead-text {
      margin-top: 20px;
      text-align: center;
      font-size: 14px; }
      @media screen and (max-width: 767px) {
        #application .application-box4_lead-text {
          margin-top: 1em;
          font-size: 2rem;
          line-height: 1.65em;
          position: absolute;
          top: 12vw;
          left: 0;
          right: 0; } }
    #application .application-box4_img {
      margin: auto;
      margin-top: 30px;
      width: 198px; }
      @media screen and (max-width: 767px) {
        #application .application-box4_img {
          margin-top: 0;
          width: 30.6388526728vw;
          position: absolute;
          top: 27vw;
          left: 0;
          right: 0; } }
    #application .application-box4_annotation {
      margin-top: 30px;
      text-align: center;
      font-size: 12px;
      line-height: 1.667em; }
      @media screen and (max-width: 767px) {
        #application .application-box4_annotation {
          margin-top: 0;
          font-size: 1.8rem;
          line-height: 1.334em;
          position: absolute;
          top: 45vw;
          left: 0;
          right: 0; } }

#rules {
  width: 100%;
  padding: 25px 0 100px !important;
  position: relative;
  margin-bottom: 5%;
  background: #fff; }
  @media screen and (max-width: 767px) {
    #rules {
      padding-bottom: 6em !important; } }
  #rules::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 5%;
    position: absolute;
    top: 100%;
    left: 0;
    background: linear-gradient(to bottom right, #fff 48%, #eff2f3 52%); }
  #rules .application-challenge2_img2 {
    margin: -87px auto 0;
    width: 453px; }
    @media screen and (max-width: 767px) {
      #rules .application-challenge2_img2 {
        margin-top: 0;
        width: 65.6453715776vw;
        position: absolute;
        top: -21vw;
        left: 0;
        right: 0; } }
    @media screen and (min-width: 400px) and (max-width: 520px) {
      #rules .application-challenge2_img2 {
        top: -20vw; } }
    @media screen and (min-width: 521px) and (max-width: 719px) {
      #rules .application-challenge2_img2 {
        top: -18vw; } }
    @media screen and (min-width: 720px) and (max-width: 767px) {
      #rules .application-challenge2_img2 {
        top: -16vw; } }
  #rules .application-challenge2_text {
    margin: 25px 0 0 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.667em; }
    @media screen and (max-width: 767px) {
      #rules .application-challenge2_text {
        margin: 0;
        font-size: 1.8rem;
        line-height: 1.167em;
        position: absolute;
        top: 0;
        left: 0;
        right: 0; } }
    #rules .application-challenge2_text a {
      color: #666;
      text-decoration: underline; }
  #rules .rules-box_title {
    padding-top: 40px;
    margin: auto;
    width: 159px; }
    @media screen and (max-width: 767px) {
      #rules .rules-box_title {
        padding-top: 12em;
        width: 20.7301173403vw; } }
  #rules .rules-box_lead {
    margin-top: 20px;
    text-align: center;
    font-size: 16px; }
    @media screen and (max-width: 767px) {
      #rules .rules-box_lead {
        margin-top: 1em;
        font-size: 2rem; } }
  #rules .rules-box_text {
    margin-top: 30px;
    font-size: 12px;
    line-height: 1.917em; }
    @media screen and (max-width: 767px) {
      #rules .rules-box_text {
        margin-top: 3em;
        font-size: 1.8rem;
        line-height: 1.445em; } }
    #rules .rules-box_text p {
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        #rules .rules-box_text p {
          margin-top: 2em; } }
      #rules .rules-box_text p.mt0 {
        margin-top: 0; }
    #rules .rules-box_text ul {
      margin-left: 1em;
      color: #666; }
    #rules .rules-box_text a {
      color: #1e90ff;
      letter-spacing: initial; }
    #rules .rules-box_text .privasy_policy {
      color: #666;
      text-decoration: underline; }

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