@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
   margin: 0;
   padding: 0;
   color: #111;
   font-size: 100%;
   font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

a:link {
   color: #333;
   text-decoration: underline;
}

a:visited {
   color: #333;
   text-decoration: underline;
}

a:hover {
   color: #666;
   text-decoration: none;
}

a img {
   border-style: none;
}

img {
   vertical-align: bottom;
}

p {
   font-size: 100%;
   line-height: 160%;
}

@media screen and (min-width:769px) {
   p {
      font-size: 18px;
      line-height: 180%;
      letter-spacing: 1px;
   }
}

@media screen and (max-width:768px) {
   .spnone {
      display: none;
   }
}

@media screen and (min-width:769px) {
   .pcnone {
      display: none;
   }
}


.copy {
   margin: 0;
   padding: 0;
   text-align: center;
}

.copy img {
   width: 100%;
}

.topbelt {
   margin: 0 0 0 0;
   padding: 25px 20px 30px 20px;
   text-align: center;
   background: #6eb2e1;
}

.topbelt img {
   width: 100%;
}

@media screen and (min-width:769px) {
   .copy {
      background-image: url(img/copy_bg.png);
      background-position: center center;
      background-repeat: no-repeat;
   }

   .copy img {
      width: 1080px;
   }

   .topbelt {
      padding: 45px 0;
   }

   .topbelt img {
      width: 910px;
   }
}

/*------------------------------ スケジュール ------------------------------*/
.copy_day {
   margin: 20px 0 0 0;
   padding: 0;
   text-align: center;
}

.copy_day span {
   font-size: 140%;
   font-weight: bold;
   line-height: 180%;
   letter-spacing: 1px;
   color: #5085db;
   display: inline-block;
   text-align: left;
   font-family: 'Roboto Condensed', sans-serif;
}

.copy_day2 {
   margin: 20px 0 0 0;
   padding: 0;
   text-align: center;
}

.copy_day2 span {
   font-size: 140%;
   font-weight: bold;
   line-height: 180%;
   letter-spacing: 1px;
   color: #5085db;
   display: inline-block;
   text-align: left;
   font-family: 'Roboto Condensed', sans-serif;
}

@media screen and (min-width:769px) {
   .copy_day {
      max-width: 940px;
      width: 80%;
      margin: 0 auto;
      font-size: 21px;
   }

   .copy_day span {
      font-size: 32px;
   }

   .copy_day2 {
      max-width: 940px;
      width: 100%;
      margin: 0 auto;
      padding-bottom: 40px;
      font-size: 21px;
   }

   .copy_day2 span {
      font-size: 32px;
   }
}

/* スケジュールボックス */
.schedule_box {
   margin: 10px auto 0px auto;
   max-width: 900px;
   width: 100%;
   text-align: center;
}

.schedule_section {
   margin-top: 5px;
   padding-bottom: 10px;
   box-sizing: border-box;
   border-bottom: thick double #0a9bde;
}

.schedule_header {
   background: #0a9bde;
   color: #ffffff;
   text-align: center;
   padding: 5px;
   font-weight: bold;
   font-size: 0.7em;
}

/* 日付と時間を左右に配置するコンテナ */
.schedule_content {
   display: flex;
   padding: 25px 20px;
   gap: 40px;
   align-items: flex-start;
}

/* 左側：日付エリア */
.schedule_dates {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 15px;
   text-align: right;
   padding: 9px 29px 7px 29px;
   border-right: 1px solid #0a9bde
}

.schedule_date_item {
   font-size: 1.1em;
   font-weight: bold;
   line-height: 1.6;
   color: #000;
}

/* 右側：時間エリア */
.schedule_times_list {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 5px;
   text-align: left;
   padding: 0px 0px 15px 0px;
   font-size: 90%;
}

.schedule_time_item {
   font-size: 1em;
   line-height: 1.6;
   color: #333;
}

.schedule_exe {
   color: #0a9bde;
   text-align: center;
   padding: 12px;
   font-weight: bold;
   font-size: 0.9em;
   border-width: 1px;
   border-style: solid;
   border-color: #0a9bde;
   width: 266px;
   margin: 0px auto;
}

/* レスポンシブ対応 */
@media screen and (min-width: 769px) {
   .copy_day {
      max-width: 940px;
      width: 80%;
      margin: 0 auto;
      font-size: 21px;
   }

   .copy_day span {
      font-size: 32px;
   }

   .schedule_content {
      padding: 18px 0px 0px 0px;
      gap: 32px;
   }

   .schedule_date_item {
      font-size: 1.2em;
   }

   .schedule_time_item {
      font-size: 0.9em;
   }

   .schedule_header {
      padding: 5px;
      font-size: 0.7em;
   }

   .schedule_exe {
      padding: 3px;
      font-size: 0.6em;
   }
}

@media screen and (max-width: 768px) {
   .schedule_content {
      gap: 0px;
      padding: 20px 15px;
   }

   .schedule_dates {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 15px;
      text-align: right;
      padding: 5px 0px;
      border-right: 1px solid #0a9bde;
      margin-top: 17px
   }

   .schedule_times_list {
      padding-left: 12px;
   }

   .schedule_date_item {
      font-size: 0.95em;
   }

   .schedule_time_item {
      font-size: 0.85em;
   }
}

@media screen and (max-width: 480px) {
   .schedule_content {
      padding: 0px 5px 0px 5px;
   }

   .schedule_dates {}

   .schedule_times_list {
      text-align: center;
      padding: 14px 10px 15px 0px;
      font-size: 80%;
   }

   .schedule_date_item {
      font-size: 0.9em;
      margin-right: 30px;
   }

   .schedule_time_item {
      font-size: 0.9em;
   }

   .schedule_exe {
      color: #0a9bde;
      text-align: center;
      font-weight: bold;
      font-size: 0.6em;
      border-width: 1px;
      border-style: solid;
      border-color: #0a9bde;
      width: 172px;
      margin: 0px auto;
      padding: 4px 8px;

   }
}

.device_bg {
   margin: 2px auto 0px auto;
   padding: 22px 30px 25px 30px;
   text-align: center;
   background: #ffffff;
}

.device_back {
   margin: 45px 0 0 0;
   padding: 30px;
   text-align: center;
   background: #b3e7f5;
}

.device_day {
   margin: 0;
   padding: 0 0 10px 0;
   font-size: 100%;
   font-weight: bold;
   line-height: 150%;
   color: #fff;
}

.device_day span {
   font-size: 150%;
   font-family: 'Roboto Condensed', sans-serif;
}

.device {
   margin: 0;
   padding: 0;
}

.device a:link {
   color: #fff;
   text-decoration: none;
}

.device a:visited {
   color: #fff;
   text-decoration: none;
}

.device a:hover {
   color: #fff;
   text-decoration: none;
}

.btn {
   width: 100%;
   margin: 0 auto 0 auto;
   padding: 25px 0;
   font-size: 125%;
   font-weight: 900;
   display: block;
   text-decoration: none;
   background: #ff8b3e;
   border: 2px solid #fff;
   position: relative;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   font-family: "Noto Sans Japanese";
   box-shadow: 0 4px 8px rgba(113, 113, 113, 0.5);
}

.btn:hover {
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
}

.fade-in-bottom {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.2s;
   animation-timing-function: ease;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

@keyframes fadein-bottom {
   0% {
      opacity: 0.2;
      transform: translateY(0px);
   }

   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

.device_caption {
   margin: 0;
   padding: 20px 0 0 0;
   font-size: 75%;
   line-height: 180%;
   text-align: center;
   color: #f9f9f9;
}

@media screen and (min-width:769px) {
   .device_bg {
      margin: 2px auto 0px auto;
      padding: 35px 0;
   }

   .device_back {
      margin: 75px auto 0 auto;
      padding: 45px 0;
   }

   .device_day {
      font-size: 30px;
   }

   .device_day span {
      font-size: 48px;
   }

   .btn {
      width: 640px;
      font-size: 24px;
   }

   .device_caption {
      font-size: 12px;
      letter-spacing: 1px;
   }
}

.worry_top {
   margin: 45px 20px 20px 20px;
   padding: 0 0 10px 0;
   text-align: center;
   border-bottom: 2px solid #0a9bde;
}

.worry_top img {
   width: 100%;
}

.worry_qus {
   margin: 0;
   padding: 3px 0 30px 0;
   font-size: 110%;
   font-weight: 900;
   line-height: 150%;
   text-align: center;
   font-family: "Noto Sans Japanese";
}

.worry_qus span {
   padding: 5px 15px;
   background: #ffff01;
   -webkit-border-radius: 45px;
   -moz-border-radius: 45px;
   border-radius: 45px;
   font-size: 0.9em;
}

.worry_box {
   margin: 0 20px;
   padding: 0;
}

.worry_pict {
   margin: 0;
   padding: 0 0 10px 0;
}

.worry_pict img {
   width: 100%;
}

.worry_txt {
   margin: 0;
   padding: 0;
}

.worry {
   margin: 0 20px 60px 20px;
   padding: 0;
}

@media screen and (min-width:769px) {
   .worry_top {
      width: 768px;
      margin: 90px auto 30px auto;
   }

   .worry_qus {
      width: 768px;
      margin: 0 auto;
      padding: 15px 0 45px 0;
      font-size: 28px;
   }

   .worry_qus span {
      padding: 15px 30px;
   }

   .worry_box {
      width: 1080px;
      margin: 0 auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
   }

   .worry_pict {
      width: 36%;
      padding: 12px 0 0 0;
   }

   .worry_txt {
      width: 61%;
   }

   .worry {
      width: 660px;
      margin: 45px auto 120px auto;
   }
}

table.list {
   width: 100%;
   border-collapse: collapse;
   margin: 0;
}

table.list th {
   width: 30px;
   font-size: 110%;
   line-height: 160%;
   padding: 10px 0 5px 0;
   color: #3ab8c4;
   vertical-align: top;
   text-align: left;
}

table.list td {
   font-size: 110%;
   font-weight: bold;
   line-height: 160%;
   padding: 10px 0 5px 0;
   vertical-align: top;
   border-bottom: 1px dotted #ccc;
}

@media screen and (min-width:769px) {
   table.list th {
      width: 32px;
      padding: 10px 0 5px 0;
      font-size: 18px;
   }

   table.list td {
      padding: 10px 0 5px 0;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 1px;
   }
}



.detail_box {
   margin: 0 auto 30px auto;
   padding: 0;
   color: #fff;
}

.detail_title {
   margin: 0;
   padding: 30px 0;
   font-size: 140%;
   font-weight: bold;
   line-height: 150%;
   text-align: center;
}

.detail_title span {
   padding: 10px;
   border-top: solid 1px #fff;
   border-bottom: solid 1px #fff;
}

table.detail {
   width: 100%;
   border-collapse: separate;
   margin: 0;
}

table.detail th {
   width: 125px;
   padding: 15px 0;
   font-size: 95%;
   line-height: 160%;
   color: #0a9bde;
   background: #fff;
}

table.detail td {
   padding: 15px 0 15px 20px;
   font-size: 100%;
   line-height: 160%;
   text-align: left;
   border-bottom: dotted 1px #fff;
}

@media screen and (min-width:769px) {
   .detail_box {
      width: 640px;
      margin: 0 auto 30px auto;
      padding: 0;
      color: #fff;
   }

   .detail_title {
      padding: 30px 0 45px 0;
      font-size: 28px;
      letter-spacing: 1px;
   }

   .detail_title span {
      padding: 10px 20px;
   }

   table.detail th {
      width: 150px;
      font-size: 16px;
      letter-spacing: 1px;
   }

   table.detail td {
      padding: 15px 0 15px 20px;
      font-size: 16px;
      letter-spacing: 1px;
   }
}


.subhead {
   margin: 0 0 20px 0;
   padding: 0;
   font-size: 150%;
   font-weight: 900;
   line-height: 150%;
   text-align: center;
   font-family: "Noto Sans Japanese";
}

.small {
   font-size: 60%;
}

.contents {
   margin: 0 20px 60px 20px;
   padding: 0;
}

.contents_frame {
   margin: 0 20px 60px 20px;
   padding: 5px 20px 25px 20px;
   border: 2px solid #0a9bde;
}

@media screen and (min-width:769px) {
   .subhead {
      margin: 0 0 30px 0;
      font-size: 36px;
   }

   .contents {
      width: 768px;
      margin: 0 auto 120px auto;
   }

   .contents_frame {
      width: 768px;
      margin: 0 auto 120px auto;
      padding: 25px 120px 45px 120px;
   }
}


table.check {
   width: 100%;
   border-collapse: collapse;
   margin: 0;
}

table.check th {
   width: 30px;
   font-size: 110%;
   line-height: 160%;
   padding: 15px 0 10px 0;
   color: #3ab8c4;
   vertical-align: top;
   text-align: left;
}

table.check td {
   font-size: 110%;
   font-weight: bold;
   line-height: 160%;
   padding: 15px 0 10px 0;
   vertical-align: top;
   border-bottom: 1px dotted #ccc;
}

@media screen and (min-width:769px) {
   table.check th {
      width: 32px;
      font-size: 20px;
   }

   table.check td {
      font-size: 20px;
      line-height: 160%;
      letter-spacing: 1px;
   }
}


.movie {
   margin: 0;
   padding: 10px 0;
}

.video {
   margin: 0;
   padding: 0;
   position: relative;
   width: 100%;
   padding-top: 56.25%;
}

.video iframe {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

@media screen and (min-width:769px) {
   .movie {
      width: 940px;
      margin: 0 auto;
      padding: 20px 0 30px 0;
   }
}


.subject_top {
   margin: 0;
   padding: 20px 0;
   font-size: 180%;
   font-weight: 900;
   line-height: 150%;
   text-align: center;
   color: #fff;
   background: #0a9bde;
   font-family: "Noto Sans Japanese";
}

.subject_bg {
   margin: 0;
   padding: 20px 20px 45px 20px;
   background: #f2fcff;
}

.subject_txt {
   margin: 0 auto;
   padding: 0;
}

.subject_prf {
   margin: 40px auto 0 auto;
   padding: 30px 30px 10px 30px;
   background: #fff;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   box-shadow: 0 5px 10px rgba(107, 172, 207, 0.1);
}

.prf_title {
   margin: 0;
   padding: 0;
   font-size: 140%;
   font-weight: bold;
   line-height: 150%;
   text-align: center;
   color: #0a9bde;
}

.prf_eng {
   margin: 0;
   padding: 5px 0 0 0;
   font-size: 100%;
   line-height: 150%;
   text-align: center;
   color: #c3eaff;
   font-family: Arial, Helvetica, "sans-serif";
}

.prf_pict {
   margin: 0;
   padding: 20px 0 20px 0;
   text-align: center;
}

.prf_pict img {
   width: 240px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.prf_name {
   margin: 0;
   padding: 0;
   font-size: 120%;
   font-weight: bold;
   line-height: 150%;
   text-align: center;
}

.prf_name span {
   font-size: 75%;
   font-weight: normal;
}

@media screen and (min-width:769px) {
   .subject_top {
      padding: 60px 0;
      font-size: 36px;
      letter-spacing: 1px;
   }

   .subject_bg {
      padding: 45px 0 90px 0;
   }

   .subject_txt {
      width: 700px;
   }

   .subject_prf {
      width: 700px;
      margin: 60px auto 0 auto;
      padding: 50px 120px 45px 120px;
   }

   .prf_title {
      font-size: 30px;
   }

   .prf_eng {
      font-size: 16px;
   }

   .prf_pict {
      padding: 30px 0 20px 0;
   }

   .prf_name {
      font-size: 18px;
      letter-spacing: 1px;
   }

   .prf_name span {
      font-size: 14px;
      font-weight: normal;
   }
}


.product_bg {
   margin: 0;
   padding: 45px 20px 60px 20px;
   background: #c3eaff;
}

.product_top {
   margin: 0 0 20px 0;
   padding: 0;
   font-size: 125%;
   font-weight: bold;
   line-height: 150%;
   text-align: center;
   color: #6baccf;
}

.product {
   margin: 0 auto;
   padding: 0;
}

.product table {
   width: 100%;
   border-collapse: separate;
   margin: 0;
}

.product table th {
   width: 50%;
   padding: 10px 0;
   font-size: 90%;
   line-height: 160%;
   color: #fff;
   background: #6baccf;
}

.product table td {
   padding: 10px;
   font-size: 90%;
   line-height: 180%;
   text-align: center;
   background: #f2fcff;
}

@media screen and (min-width:769px) {
   .product_bg {
      padding: 45px 0 60px 0;
   }

   .product_top {
      font-size: 20px;
      letter-spacing: 1px;
   }

   .product {
      width: 600px;
   }

   .product table th {
      font-size: 16px;
   }

   .product table td {
      font-size: 16px;
      letter-spacing: 1px;
   }
}



/*---------- 文字装飾 ----------*/

.bold {
   font-weight: bold;
}

.org {
   font-weight: bold;
   color: #ff8b3e;
}

.blue {
   color: #0a9bde;
}

.ul {
   text-decoration: underline;
}

.ym {
   font-weight: bold;
   background: linear-gradient(transparent 40%, #fdfd76 40%);
}

.caption {
   font-size: 75%;
   color: #666;
   font-weight: normal;
   line-height: 150%;
}

.center {
   text-align: center;
}

.right {
   text-align: right;
}

.mt {
   margin-top: 30px;
}

.caption_txt {
   margin: 0;
   padding: 0;
   font-size: 75%;
   line-height: 150%;
   color: #666;
}

@media screen and (min-width:769px) {
   .mt {
      margin-top: 45px;
   }

   .caption_txt {
      font-size: 14px;
   }
}

/*---------- 利用ツールのご紹介 ----------*/

.tool {
   background-color: #fff;
   margin: 60px auto 60px auto;
}

.tool_top {
   padding: 0;
   font-size: 180%;
   font-weight: 900;
   line-height: 130%;
   text-align: center;
}

.tool_eng {
   margin: 0;
   padding: 10px 0 15px 0;
   font-size: 80%;
   font-weight: bold;
   line-height: 100%;
   text-align: center;
   letter-spacing: 3px;
   text-indent: 3px;
   font-family: 'Roboto Condensed', sans-serif;
   color: #3ab8c4;
}

.tool_title {
   margin: 0 0 30px 0;
   padding: 0;
   text-align: center;
}

.tool_title img {
   width: 240px;
}

.tool_box {
   margin: 0 20px 45px 20px;
   padding: 0;
}

.tool_movie {
   margin: 0;
   padding: 0 0 5px 0;
}

.video {
   margin: 0;
   padding: 0;
   position: relative;
   width: 100%;
   padding-top: 56.25%;
}

.video iframe {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

.tool_txt {
   margin: 0;
   padding: 0;
}

ul.tool_point {
   margin: 0;
   padding: 0;
   list-style: none;
}

ul.tool_point li {
   position: relative;
   padding: 5px 0 0 2em;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   line-height: 180%;
}

ul.tool_point li::before {
   position: absolute;
   left: 0;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f00c';
   color: #3ab8c4;
}

.note {
   font-size: 60%;
   vertical-align: top;
}

.tool_caption {
   margin: 0;
   padding: 0;
   font-size: 80%;
   line-height: 180%;
   opacity: 0.7;
}

.tool_memo {
   margin: 10px 20px 0 20px;
   padding: 0;
   font-size: 80%;
   line-height: 180%;
   opacity: 0.7;
}

@media screen and (min-width:769px) {
   .tool_top {
      font-size: 42px;
   }

   .tool_eng {
      padding: 10px 0 15px 0;
      font-size: 16px;
   }

   .tool_box {
      width: 1180px;
      margin: 0 auto 45px auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }

   .tool_movie {
      width: 48%;
      padding: 25px 0 0 0;
      order: 2;
   }

   .tool_txt {
      width: 48%;
      order: 1;
   }

   .tool_txt p {
      font-size: 18px;
   }

   ul.tool_point li {
      font-size: 18px;
      letter-spacing: 1px;
   }

   .tool_caption {
      font-size: 12px;
   }

   .tool_memo {
      width: 724px;
      margin: 10px auto 0 auto;
      font-size: 12px;
   }
}

/*---------- フッター ----------*/


#footer {
   padding: 30px 0;
   color: #333;
   text-align: center;
   background: #f2fcff;
}

#footer a:link {
   color: #333;
   text-decoration: underline;
}

#footer a:visited {
   color: #333;
   text-decoration: underline;
}

#footer a:hover {
   color: #333;
   text-decoration: none;
}

.footer_company {
   margin: 0;
   padding: 0;
   font-size: 100%;
   font-weight: bold;
   line-height: 150%;
}

.footer_name {
   margin: 0;
   padding: 5px 0 10px 0;
   font-size: 120%;
   font-weight: bold;
   line-height: 150%;
}

.footer_txt {
   margin: 0;
   padding: 0;
   font-size: 75%;
   line-height: 200%;
}

.footer_ad {
   margin: 0;
   padding: 10px 0 0 0;
   font-size: 75%;
   line-height: 150%;
   font-family: Arial, Helvetica, "sans-serif";
}

@media screen and (min-width:769px) {
   #footer {
      font-size: 12px;
   }
}

.info_no1 {
   margin: 0 20px 30px 20px;
   padding: 0;
   text-align: center;
}

.info_no1 img {
   width: 100%;
}

.info_caption {
   margin: 30px 0 0 0;
   padding: 0;
   font-size: 75%;
   line-height: 180%;
   color: #666;
}

.info_company {
   margin: 0;
   padding: 0;
   font-size: 150%;
   line-height: 150%;
   text-align: center;
   font-weight: bold;
}

.info_name {
   margin: 0;
   padding: 0;
   font-size: 100%;
   line-height: 150%;
   text-align: center;
   font-weight: bold;
}

.info_logo {
   margin: 0;
   padding: 10px 0 15px 0;
   text-align: center;
}

.info_logo img {
   width: 160px;
}

.info_ad {
   margin: 0;
   padding: 0;
   font-size: 80%;
   line-height: 180%;
   text-align: center;
}

.info_mark {
   margin: 10px 0 30px 0;
   padding: 0;
   text-align: center;
}

.info_mark img {
   width: 60%;
}

@media screen and (min-width:769px) {
   .info_no1 {
      margin: 45px 0;
   }

   .info_no1 img {
      width: 736px;
   }

   .info_caption {
      font-size: 12px;
   }

   .info_company {
      font-size: 24px;
      font-weight: bold;
   }

   .info_name {
      font-size: 16px;
      font-weight: bold;
   }

   .info_logo img {
      width: 200px;
   }

   .info_ad {
      font-size: 12px;
   }

   .info_mark {
      margin: 15px 0 45px 0;
   }

   .info_mark img {
      width: 400px;
   }
}



/*------------------------------ フローティング ------------------------------*/

.floating {
   display: block;
   width: 100%;
   position: fixed;
   left: 0;
   bottom: 0;
   z-index: 9999;
   text-align: center;
   margin: 0;
   padding: 10px 0;
   background: rgba(0, 0, 0, 0.3);
}

.enter {
   margin: 0;
   padding: 0 30px;
   text-align: center;
}

.enter a:link {
   color: #fff;
   text-decoration: none;
}

.enter a:visited {
   color: #fff;
   text-decoration: none;
}

.enter a:hover {
   color: #fff;
   text-decoration: none;
}

.button {
   width: 100%;
   margin: 0 auto 0 auto;
   padding: 15px 0;
   font-size: 110%;
   font-weight: bold;
   display: block;
   background: #ff8b3e;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 2px solid #fff;
   position: relative;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
}

.button:hover {
   opacity: 0.7;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
}

@media screen and (min-width:769px) {
   .enter {
      padding: 0;
   }

   .button {
      width: 480px;
      padding: 20px 0;
      font-size: 20px;
   }
}

.fixed {
   position: fixed;
   bottom: 0;
}