@charset "UTF-8";
html body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", ‘游ゴシック’, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",‘Hiragino Kaku Gothic ProN’, Meiryo, sans-serif;
  margin: 0; }

img {
  vertical-align: middle; }

p {
  margin: 0; }

a {
  text-decoration: none;
  color: inherit; }

@media screen and (max-width: 768px) {
  .for-desktop {
    display: none !important; } }

@media screen and (min-width: 769px) {
  .for-mobile {
    display: none !important; } }

body .lp-container {
  min-width: 320px;
  max-width: 1440px;
  margin: auto;
  font-size: 14px;
  line-height: 21px;
  background-color: white;
  color: white; }
  @media (min-width: 321px) and (max-width: 768px) {
    body .lp-container {
      font-size: 4.4vw;
      line-height: 6.6vw; } }
  body .lp-container .heading {
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #222222; }
  body .lp-container .event-title {
    font-size: 44px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: -4px;
    color: #222222; }
  body .lp-container .event-overview {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #222222; }
  body .lp-container .description {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #222222; }
  body .lp-container .details {
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #808080; }
  body .lp-container section {
    position: relative; }
  body .lp-container .button-wrapper {
    padding: 0 5%; }
    body .lp-container .button-wrapper .register {
      box-sizing: border-box;
      display: inline-block;
      position: relative;
      width: 100%;
      padding: 5% 0;
      border-radius: 4px;
      text-align: center;
      cursor: pointer;
      background-color: white;
      color: #222222;
      font-weight: bold; }
      body .lp-container .button-wrapper .register .button-arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 5%;
        width: 2.5%; }
      body .lp-container .button-wrapper .register:hover {
        background-color: #f2f2f2; }
        body .lp-container .button-wrapper .register:hover .button-arrow {
          right: 4%; }
  @media screen and (min-width: 769px) {
    body .lp-container .button-wrapper {
      padding: 0 19%; }
      body .lp-container .button-wrapper .register {
        padding: 20px 0;
        font-size: 20px;
        letter-spacing: 1.4pt; }
        body .lp-container .button-wrapper .register .button-arrow {
          right: 40px;
          width: 12px; } }
  body .lp-container section.lead .background {
    width: 100%; }
  body .lp-container section.lead .logo-top {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 20%;
    top: 11%; }
  body .lp-container section.lead .main-title {
    position: absolute;
    width: 78%;
    left: 9%;
    top: 36%; }
  body .lp-container section.lead .lead-message {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 60%;
    text-align: center;
    font-weight: bold; }
  body .lp-container section.lead .facebook,
  body .lp-container section.lead .twitter,
  body .lp-container section.lead .event-badge {
    position: absolute;
    bottom: 9%; }
    body .lp-container section.lead .facebook img,
    body .lp-container section.lead .twitter img,
    body .lp-container section.lead .event-badge img {
      width: 100%; }
  body .lp-container section.lead .facebook {
    width: 12%;
    left: 8%; }
  body .lp-container section.lead .twitter {
    width: 12%;
    left: 23%; }
  body .lp-container section.lead .event-badge {
    width: 30%;
    right: 8%; }
  body .lp-container section.lead.for-desktop .logo-top {
    width: 6%;
    top: 5%; }
  body .lp-container section.lead.for-desktop .main-title {
    top: 38%;
    width: 48%;
    left: 25%; }
  body .lp-container section.lead.for-desktop .lead-message {
    top: 70%;
    font-size: 20px;
    line-height: 31px; }
  body .lp-container section.lead.for-desktop .event-badge {
    width: 15%;
    right: 3.5%;
    bottom: 5.5%; }
  body .lp-container section.lead.for-desktop .scroll-down {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 8%;
    width: 10%; }
    body .lp-container section.lead.for-desktop .scroll-down img {
      width: 100%; }
  body .lp-container section.lead.for-desktop .facebook,
  body .lp-container section.lead.for-desktop .twitter {
    position: fixed;
    z-index: 10;
    width: 2.8%;
    left: 2.5%; }
  body .lp-container section.lead.for-desktop .facebook {
    bottom: 50.5%; }
  body .lp-container section.lead.for-desktop .twitter {
    top: 50.5%; }
  @media screen and (min-width: 769px) and (max-width: 1024px) {
    body .lp-container section.lead.for-desktop .lead-message {
      top: 72%;
      font-size: 18px;
      line-height: 28px; }
    body .lp-container section.lead.for-desktop .scroll-down {
      bottom: 4%; } }
  body .lp-container section.event.for-mobile .event-header {
    padding: 0 7% 48px; }
    body .lp-container section.event.for-mobile .event-header .event-title {
      margin-top: 54px;
      width: 100%; }
      body .lp-container section.event.for-mobile .event-header .event-title img {
        width: 100%; }
    body .lp-container section.event.for-mobile .event-header .heading {
      margin-top: 36px; }
    body .lp-container section.event.for-mobile .event-header .event-overview {
      margin-top: 16px;
      color: #B3B3B3; }
  body .lp-container section.event.for-mobile .event-content {
    padding: 48px 7% 48px;
    background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    background-color: #f0f0f0; }
    body .lp-container section.event.for-mobile .event-content .event-time {
      width: 45%; }
    body .lp-container section.event.for-mobile .event-content .event-title {
      margin-top: 7%;
      font-weight: bold;
      font-size: 1.25em;
      line-height: 1.25em;
      letter-spacing: 0.6pt; }
    body .lp-container section.event.for-mobile .event-content .quotation-mark {
      margin-top: 8%;
      padding-left: 0.5%;
      width: 8.5%; }
    body .lp-container section.event.for-mobile .event-content .event-overview {
      margin-top: 2%; }
      body .lp-container section.event.for-mobile .event-content .event-overview .link {
        color: white; }
    body .lp-container section.event.for-mobile .event-content .event-speakers {
      margin-top: 7%;
      margin-left: -2%; }
      body .lp-container section.event.for-mobile .event-content .event-speakers .event-speaker {
        margin-top: 5%;
        height: 18vw; }
        body .lp-container section.event.for-mobile .event-content .event-speakers .event-speaker img {
          height: 100%; }
    body .lp-container section.event.for-mobile .event-content .coming-soon {
      margin: 20% 0 25%;
      text-align: center; }
      body .lp-container section.event.for-mobile .event-content .coming-soon img {
        width: 70%; }
    body .lp-container section.event.for-mobile .event-content.reverse {
      background-color: white; }
  body .lp-container section.event.for-mobile .button-wrapper {
    padding: 5% 5% 15%;
    background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)); }
  body .lp-container section.event.for-desktop .event-header {
    margin-top: 10%;
    margin-bottom: 4%;
    padding: 0 19%; }
    body .lp-container section.event.for-desktop .event-header .event-title img {
      width: 98%; }
    body .lp-container section.event.for-desktop .event-header .heading {
      margin-top: 44px;
      margin-bottom: 14px; }
  body .lp-container section.event.for-desktop .event-content {
    padding: 2% 16% 0;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08));
    background-color: #f0f0f0; }
    body .lp-container section.event.for-desktop .event-content .event-speakers {
      margin-left: -6%;
      width: 56%; }
      body .lp-container section.event.for-desktop .event-content .event-speakers .image {
        width: 100%;
        height: 440px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: bottom;
        margin: auto; }
        body .lp-container section.event.for-desktop .event-content .event-speakers .image.event-speaker-1 {
          background-image: url(../img/event-speakers-1@2x.png); }
        body .lp-container section.event.for-desktop .event-content .event-speakers .image.event-speaker-2 {
          background-image: url(../img/event-speakers-2@2x.png); }
        body .lp-container section.event.for-desktop .event-content .event-speakers .image.event-speaker-3 {
          background-image: url(../img/event-speakers-3@2x.png); }
        body .lp-container section.event.for-desktop .event-content .event-speakers .image.event-speaker-4 {
          background-image: url(../img/event-speakers-4@2x.png);
          margin-left: 15%; }
        body .lp-container section.event.for-desktop .event-content .event-speakers .image.event-speaker-5 {
          background-image: url(../img/event-speakers-5@2x.png); }
    body .lp-container section.event.for-desktop .event-content .event-details {
      width: 50%;
      padding-left: 6%;
      margin-right: -6%; }
      body .lp-container section.event.for-desktop .event-content .event-details .event-time {
        width: 220px; }
      body .lp-container section.event.for-desktop .event-content .event-details .event-title {
        margin-top: 6%;
        margin-right: -20%;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px; }
      body .lp-container section.event.for-desktop .event-content .event-details .quotation-mark {
        width: 7%;
        padding: 4% 0; }
    body .lp-container section.event.for-desktop .event-content.reverse {
      flex-direction: row-reverse;
      background-color: white; }
      body .lp-container section.event.for-desktop .event-content.reverse .event-speakers {
        margin: 0%;
        margin-right: -6%; }
        body .lp-container section.event.for-desktop .event-content.reverse .event-speakers .image {
          background-position-x: left; }
      body .lp-container section.event.for-desktop .event-content.reverse .event-details {
        margin: 0%;
        margin-left: -6%;
        padding-left: 0; }
    body .lp-container section.event.for-desktop .event-content .coming-soon {
      width: 100%;
      background: url(../img/event-coming-soon_d@2x.png) no-repeat center;
      background-size: 80%; }
      body .lp-container section.event.for-desktop .event-content .coming-soon .event-details {
        text-align: center;
        margin: auto;
        padding: 18% 0; }
        body .lp-container section.event.for-desktop .event-content .coming-soon .event-details .event-title {
          margin: 12% 0 0; }
  body .lp-container section.event.for-desktop .button-wrapper {
    padding: 0 19% 7%;
    background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)); }
  @media screen and (min-width: 769px) and (max-width: 1280px) {
    body .lp-container section.event.for-desktop .event-header {
      padding: 0 8%; }
    body .lp-container section.event.for-desktop .event-content {
      padding: 2% 8% 0; }
      body .lp-container section.event.for-desktop .event-content .event-speakers .image {
        height: 400px; }
      body .lp-container section.event.for-desktop .event-content .event-details .event-time {
        width: 180px; }
      body .lp-container section.event.for-desktop .event-content .event-details .event-title {
        margin-top: 10px;
        margin-right: 0;
        font-size: 32px;
        line-height: 40px; }
      body .lp-container section.event.for-desktop .event-content.coming-soon {
        height: 400px; }
    body .lp-container section.event.for-desktop .button-wrapper {
      padding: 0 8% 7%; } }
  @media screen and (min-width: 769px) and (max-width: 1024px) {
    body .lp-container section.event.for-desktop .event-content .event-speakers .image {
      height: 400px; }
    body .lp-container section.event.for-desktop .event-content .event-details .event-title {
      font-size: 24px;
      line-height: 30px; }
    body .lp-container section.event.for-desktop .event-content .event-details .quotation-mark {
      width: 16px;
      padding: 8px; }
    body .lp-container section.event.for-desktop .event-content.coming-soon {
      height: 400px; }
      body .lp-container section.event.for-desktop .event-content.coming-soon .wrapper .background-text {
        font-size: 84px; } }
  body .lp-container section.apply-method.for-mobile {
    padding: 48px 7% 48px; }
    body .lp-container section.apply-method.for-mobile .apply-method-header .header-text {
      width: 168px;
      height: 75px;
      margin-bottom: 33px;
      background-image: url(../img/apply-method-header_d.png);
      background-size: cover; }
    body .lp-container section.apply-method.for-mobile .heading {
      margin-bottom: 16px; }
    body .lp-container section.apply-method.for-mobile .description {
      margin-bottom: 40px; }
    body .lp-container section.apply-method.for-mobile .limit-time {
      height: auto;
      font-size: 15px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      color: #ff7807; }
    body .lp-container section.apply-method.for-mobile .apply-flow-container {
      width: 100%; }
      body .lp-container section.apply-method.for-mobile .apply-flow-container .flow-content {
        width: 100%;
        height: 400px; }
        body .lp-container section.apply-method.for-mobile .apply-flow-container .flow-content .step {
          font-size: 20px; }
        body .lp-container section.apply-method.for-mobile .apply-flow-container .flow-content .step1-image {
          background-image: url(../img/apply-method-01.png);
          background-size: cover;
          width: 297px;
          height: 160px;
          margin: auto; }
        body .lp-container section.apply-method.for-mobile .apply-flow-container .flow-content .step2-image {
          background-image: url(../img/apply-method-02.png);
          background-size: cover;
          width: 297px;
          height: 160px;
          margin: auto; }
        body .lp-container section.apply-method.for-mobile .apply-flow-container .flow-content .orange-button {
          background-color: #ff7807;
          width: 100%;
          margin: 49px auto 0;
          text-align: center;
          height: 60px;
          position: relative; }
          body .lp-container section.apply-method.for-mobile .apply-flow-container .flow-content .orange-button .text {
            position: absolute;
            line-height: 2.7;
            font-size: 20px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            width: 100%;
            height: 100%;
            top: 2px; }
          body .lp-container section.apply-method.for-mobile .apply-flow-container .flow-content .orange-button .white-arrow {
            position: absolute;
            background-image: url(../img/arrow-white@2x.png);
            background-size: cover;
            width: 20px;
            height: 24px;
            right: 16px;
            top: 17px; }
      body .lp-container section.apply-method.for-mobile .apply-flow-container .arrow-content {
        width: 10%;
        background-image: url(../img/arrow-orange@2x.png);
        background-size: cover; }
    body .lp-container section.apply-method.for-mobile .details {
      font-size: 13px;
      line-height: 19px;
      font-color: #808080; }
    body .lp-container section.apply-method.for-mobile .banner {
      width: 100%;
      margin-top: 40px;
      margin-bottom: 40px; }
  body .lp-container section.apply-method.for-desktop {
    padding: 13% 7% 0%; }
    body .lp-container section.apply-method.for-desktop .apply-method-header .header-text {
      width: 336px;
      height: 151px;
      background-image: url(../img/apply-method-header_d.png);
      background-size: cover; }
    body .lp-container section.apply-method.for-desktop .heading {
      padding: 30px 0px 20px; }
    body .lp-container section.apply-method.for-desktop .description {
      padding-bottom: 30px; }
    body .lp-container section.apply-method.for-desktop .limit-time {
      height: auto;
      font-size: 24px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      color: #ff7807; }
    body .lp-container section.apply-method.for-desktop .apply-flow-container {
      display: flex;
      width: 100%;
      height: 400px; }
      body .lp-container section.apply-method.for-desktop .apply-flow-container .flow-content {
        width: 45%;
        height: 100%; }
        body .lp-container section.apply-method.for-desktop .apply-flow-container .flow-content .step {
          font-size: 20px;
          text-align: center;
          padding: 44px 0 24px 0; }
        body .lp-container section.apply-method.for-desktop .apply-flow-container .flow-content .step1-image {
          background-image: url(../img/apply-method-01.png);
          background-size: cover;
          width: 275px;
          height: 150px;
          margin: auto; }
        body .lp-container section.apply-method.for-desktop .apply-flow-container .flow-content .step2-image {
          background-image: url(../img/apply-method-02.png);
          background-size: cover;
          width: 275px;
          height: 150px;
          margin: auto; }
        body .lp-container section.apply-method.for-desktop .apply-flow-container .flow-content .orange-button {
          background-color: #ff7807;
          width: 60%;
          margin: 49px auto 0;
          text-align: center;
          position: relative; }
          body .lp-container section.apply-method.for-desktop .apply-flow-container .flow-content .orange-button img {
            width: 100%; }
          body .lp-container section.apply-method.for-desktop .apply-flow-container .flow-content .orange-button .text {
            vertical-align: super;
            line-height: 2.7;
            font-size: 17px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            position: absolute;
            width: 100%;
            top: 7px; }
      body .lp-container section.apply-method.for-desktop .apply-flow-container .arrow-content {
        width: 10%;
        height: 100%; }
        body .lp-container section.apply-method.for-desktop .apply-flow-container .arrow-content .arrow {
          background-image: url(../img/arrow-orange@2x.png);
          background-size: cover;
          width: 46px;
          height: 46px;
          margin-top: 150px; }
    body .lp-container section.apply-method.for-desktop .banner {
      width: 100%;
      margin-top: 40px;
      margin-bottom: 80px; }
  body .lp-container section.featured .featured-header.for-mobile {
    background-image: url(../img/featured-header@3x.png);
    background-size: cover;
    padding: 24% 7% 26%; }
    body .lp-container section.featured .featured-header.for-mobile .featured-title {
      width: 68%; }
    body .lp-container section.featured .featured-header.for-mobile .featured-overview {
      margin-top: 8%; }
  body .lp-container section.featured .featured-header.for-desktop {
    background-image: url(../img/featured-header_d@2x.png);
    background-size: cover;
    padding: 10% 19% 10%; }
    body .lp-container section.featured .featured-header.for-desktop .header {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      body .lp-container section.featured .featured-header.for-desktop .header .featured-title {
        width: 50%; }
        body .lp-container section.featured .featured-header.for-desktop .header .featured-title img {
          width: 90%; }
      body .lp-container section.featured .featured-header.for-desktop .header .featured-overview {
        width: 50%; }
  body .lp-container section.featured .featured-contents {
    margin-top: -12%;
    position: relative;
    z-index: 1;
    padding: 0 5%; }
    body .lp-container section.featured .featured-contents a .content-wrapper {
      position: relative;
      margin-top: 5%; }
      body .lp-container section.featured .featured-contents a .content-wrapper .featured-content {
        width: 100%;
        border-radius: 1.8% / 2.2%;
        overflow: hidden;
        z-index: 1;
        background-color: white;
        color: #222222; }
        body .lp-container section.featured .featured-contents a .content-wrapper .featured-content:first-child {
          margin-top: 0; }
        body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .image img {
          width: 100%; }
        body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .title {
          padding: 5% 5%;
          font-weight: bold;
          font-size: 1.1em;
          line-height: 1.6em;
          letter-spacing: 1.1pt; }
        body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .footer {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 0 5%;
          border-top: solid 1px #EEEEEE;
          font-family: arial, sans-serif;
          font-weight: bold;
          font-size: 0.85em; }
          body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .footer .date {
            color: rgba(34, 34, 34, 0.7); }
          body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .footer .detail {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 2% 0;
            width: 32%;
            color: #222222; }
            body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .footer .detail .arrow {
              width: 7.5%; }
            body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .footer .detail:hover {
              color: #6f6f6f; }
              body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .footer .detail:hover .arrow {
                margin-right: -1%; }
      body .lp-container section.featured .featured-contents a .content-wrapper .new-tag {
        position: absolute;
        top: 48%;
        width: 12%; }
      body .lp-container section.featured .featured-contents a .content-wrapper .new-tag2 {
        position: absolute;
        top: 43%;
        width: 12%; }
  body .lp-container section.featured .button-wrapper {
    padding: 5% 5% 14%; }
  @media screen and (min-width: 769px) {
    body .lp-container section.featured .featured-contents {
      margin-top: -4%;
      padding: 0 19%; }
      body .lp-container section.featured .featured-contents a .content-wrapper {
        margin-top: 2%; }
        body .lp-container section.featured .featured-contents a .content-wrapper .featured-content {
          display: flex;
          flex-direction: row-reverse;
          border-radius: 0.8% / 4%; }
          body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .content {
            width: 50%;
            display: flex;
            flex-direction: column;
            justify-content: space-between; }
            body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .content .title {
              display: flex;
              align-items: center;
              height: 75%;
              padding: 0 5%;
              font-size: 20px;
              line-height: 26px;
              letter-spacing: 1.4pt; }
            body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .content .footer {
              padding: 1% 0;
              font-size: 14px; }
              body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .content .footer .arrow {
                width: 8px; }
          body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .image {
            width: 50%; }
        body .lp-container section.featured .featured-contents a .content-wrapper .new-tag {
          position: absolute;
          left: 0;
          top: -5%;
          width: 7%; }
        body .lp-container section.featured .featured-contents a .content-wrapper .new-tag2 {
          position: absolute;
          left: 0;
          top: -10%;
          width: 7%; }
    body .lp-container section.featured .button-wrapper {
      padding: 2% 19% 11%; } }
  @media screen and (min-width: 769px) and (max-width: 1280px) {
    body .lp-container section.featured .featured-header.for-desktop {
      padding: 10% 8% 10%; }
    body .lp-container section.featured .featured-contents {
      padding: 0 8%; }
    body .lp-container section.featured .button-wrapper {
      padding: 2% 8% 11%; } }
  @media screen and (min-width: 769px) and (max-width: 1024px) {
    body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .content .title {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: 1.2pt; }
    body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .content .footer {
      font-size: 11px; }
      body .lp-container section.featured .featured-contents a .content-wrapper .featured-content .content .footer .detail {
        width: 42%; } }
  body .lp-container section.plan {
    background-color: #111111; }
    body .lp-container section.plan .plan-header {
      padding: 22% 7% 0; }
      body .lp-container section.plan .plan-header .plan-title {
        width: 52%; }
        body .lp-container section.plan .plan-header .plan-title img {
          width: 100%; }
      body .lp-container section.plan .plan-header .plan-overview {
        margin-top: 8%; }
    @media screen and (min-width: 769px) {
      body .lp-container section.plan .plan-header {
        padding: 9% 19% 0; }
        body .lp-container section.plan .plan-header .header-wrapper {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          body .lp-container section.plan .plan-header .header-wrapper .plan-title {
            width: 50%; }
            body .lp-container section.plan .plan-header .header-wrapper .plan-title img {
              width: 55%; }
          body .lp-container section.plan .plan-header .header-wrapper .plan-overview {
            width: 50%;
            margin: 0; } }
    body .lp-container section.plan .plan-content {
      margin-top: 12%; }
      body .lp-container section.plan .plan-content .card {
        margin-top: 7%; }
        body .lp-container section.plan .plan-content .card:first-child {
          margin-top: 0; }
        body .lp-container section.plan .plan-content .card .image {
          width: 100%; }
        body .lp-container section.plan .plan-content .card .description {
          padding: 5% 7% 0;
          color: #B3B3B3;
          letter-spacing: 0.5pt; }
    @media screen and (min-width: 769px) {
      body .lp-container section.plan .plan-content {
        margin: 5% 19% 0; }
        body .lp-container section.plan .plan-content .wrapper {
          display: flex;
          justify-content: space-between;
          margin: 0 -3%; }
          body .lp-container section.plan .plan-content .wrapper .card {
            margin: 0;
            padding: 0 3%;
            width: 100%;
            border-left: solid 1px rgba(255, 255, 255, 0.2);
            border-right: solid 1px rgba(255, 255, 255, 0.2); }
            body .lp-container section.plan .plan-content .wrapper .card:first-child {
              border-left: none; }
            body .lp-container section.plan .plan-content .wrapper .card:last-child {
              border-right: none; }
            body .lp-container section.plan .plan-content .wrapper .card .image {
              width: 100%; }
            body .lp-container section.plan .plan-content .wrapper .card .description {
              padding: 8% 0 5%;
              color: #B3B3B3;
              letter-spacing: 1pt; } }
    body .lp-container section.plan .plan-event-invitation {
      position: relative;
      margin: 10% 7% 0; }
      body .lp-container section.plan .plan-event-invitation .background {
        width: 100%; }
      body .lp-container section.plan .plan-event-invitation .title {
        position: absolute;
        top: 8%;
        left: 6%;
        font-weight: bold;
        font-size: 1.1em; }
      body .lp-container section.plan .plan-event-invitation .description {
        position: absolute;
        top: 24%;
        left: 6%;
        color: #B3B3B3;
        letter-spacing: 1pt; }
    body .lp-container section.plan .button-wrapper {
      padding: 0 5%; }
    body .lp-container section.plan .agreement {
      padding: 15% 5% 30%;
      color: #B3B3B3;
      font-size: 0.79em;
      line-height: 1.5em; }
      body .lp-container section.plan .agreement .title {
        font-weight: bold; }
    @media screen and (min-width: 769px) {
      body .lp-container section.plan .plan-event-invitation {
        margin: 4% 19% 0; }
        body .lp-container section.plan .plan-event-invitation .title {
          left: 50%;
          top: 16%;
          font-size: 20px;
          line-height: 30px;
          letter-spacing: 1.4pt; }
        body .lp-container section.plan .plan-event-invitation .description {
          left: 50%;
          top: 50%;
          right: 4%;
          letter-spacing: 1pt; }
      body .lp-container section.plan .button-wrapper {
        padding: 0 19%; }
      body .lp-container section.plan .agreement {
        padding: 5% 19% 7%;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 1pt; } }
    @media screen and (min-width: 769px) and (max-width: 1280px) {
      body .lp-container section.plan .plan-header {
        padding: 6% 8% 0; }
      body .lp-container section.plan .plan-content {
        margin: 5% 8% 0; }
      body .lp-container section.plan .plan-event-invitation {
        margin: 4% 8% 0; }
      body .lp-container section.plan .button-wrapper {
        padding: 0 8%; }
      body .lp-container section.plan .agreement {
        padding: 5% 8% 7%; } }
    @media screen and (min-width: 769px) and (max-width: 1024px) {
      body .lp-container section.plan .plan-event-invitation .title {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 1pt; }
      body .lp-container section.plan .plan-event-invitation .description {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.4pt; } }
  body .lp-container section.back_to_top {
    background-color: #f0f0f0;
    color: #222222;
    text-align: center; }
    body .lp-container section.back_to_top img {
      width: 38%;
      margin: 5%; }
    @media screen and (min-width: 769px) {
      body .lp-container section.back_to_top img {
        width: 10%;
        margin: 2%; } }
  body .lp-container footer {
    background-color: #f0f0f0;
    color: #222222;
    padding-top: 10%;
    padding-bottom: 10%;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85em;
    line-height: 2.1em; }
    body .lp-container footer div {
      color: #222222; }
    body .lp-container footer .content a {
      color: #222222; }
    body .lp-container footer .social {
      margin-top: 5%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: arial, sans-serif;
      letter-spacing: 1pt; }
      body .lp-container footer .social a {
        margin-left: 3%;
        width: 8%;
        height: 8%; }
        body .lp-container footer .social a img {
          width: 100%; }
    body .lp-container footer .copy {
      padding: 30px 0 35px;
      font-family: arial, sans-serif;
      letter-spacing: 1.1pt; }
  @media screen and (min-width: 769px) {
    body .lp-container footer {
      padding: 0;
      font-size: 10px;
      line-height: 1em; }
      body .lp-container footer .wrapper {
        display: flex;
        align-items: center;
        justify-content: center; }
        body .lp-container footer .wrapper .content {
          display: flex;
          align-items: center;
          justify-content: center; }
          body .lp-container footer .wrapper .content > div {
            padding: 0 10px;
            border-left: solid 1px rgba(255, 255, 255, 0.7); }
            body .lp-container footer .wrapper .content > div:first-child {
              border-left: none; }
        body .lp-container footer .wrapper .social {
          margin: 0;
          width: 14%; } }

.dialog {
  font-size: 14px; }
  .dialog input {
    border: solid 1px #ddd;
    width: 90%;
    font-size: 14px;
    max-width: 300px;
    padding: .5em;
    margin-top: 1em; }

.ui-dialog .ui-dialog-buttonpane button {
  font-size: 14px; }

.ui-dialog .ui-dialog-content > p {
  margin: 0; }

.ui-dialog .ui-dialog-titlebar-close {
  display: none; }

.ui-dialog .ui-icon.ui-icon-closethick {
  display: none; }

.ui-dialog .ui-dialog-title {
  padding-top: .5em; }

.ui-dialog .ui-widget-header {
  border: none;
  background: none; }

.ui-dialog .ui-button {
  background: #2d30a2;
  color: white; }