@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:400,700,900,900i&display=swap");
/* CSS Document */
#goto {
  width: 100%;
  padding: 40px 0 40px 0;
  background: #3c98ea; }

#goto-mainvs {
  height: auto;
  position: relative;
  margin: 0 0 50px 0; }
  #goto-mainvs img {
    width: 100%;
    height: auto; }

#goto-content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

.goto-block {
  margin: 0 0 40px 0;
  border-radius: 14px;
  padding: 20px 3%;
  border: 1px solid #fff;
  background-color: #fff; }
  .goto-block h2 {
    margin: 0 0 10px 0;
    padding: 0 0 6px 12px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    color: #0a70cb;
    border-bottom: 1px solid #0a70cb; }
  .goto-block p {
    font-size: 1.6rem;
    line-height: 1.8; }
    .goto-block p .red {
      color: 0; }
  .goto-block table {
    width: 100%; }
  .goto-block table td, .goto-block table th {
    padding: 10px 5px;
    border: 1px solid #CCCCCC; }
  .goto-block table th {
    background: #EFEFEF;
    font-size: 1.4rem; }
  .goto-block table td {
    background: #fff;
    font-size: 1.4rem;
    text-align: center; }
  .goto-block ul {
    margin: 0 0 10px 0; }
  .goto-block ul li {
    font-size: 1.6rem; }

.goto-head {
  margin: 0 0 20px 0;
  color: #fff;
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center; }

.goto-onegai {
  margin: 10px 0 0 0;
  font-weight: bold; }

.goto-btn a {
  text-decoration: none;
  color: #fff;
  display: block; }

@media (max-width: 960px) {
  #goto {
    padding: 20px 0 40px 0; }
  #goto-mainvs {
    margin: 0 0 20px 0; }
  #goto-content {
    padding: 0 3%; }
  .goto-block {
    margin: 0 0 20px 0;
    border-radius: 5px;
    padding: 10px 3%; }
    .goto-block h2 {
      margin: 0 0 8px 0;
      padding: 0 0 4px 3%;
      font-size: 1.4rem; }
    .goto-block p {
      font-size: 1.2rem;
      line-height: 1.6; }
    .goto-block table {
      width: 100%; }
    .goto-block table td, .goto-block table th {
      padding: 10px 5px;
      border: 1px solid #CCCCCC; }
    .goto-block table th {
      background: #EFEFEF;
      font-size: 1.4rem; }
    .goto-block table td {
      background: #fff;
      font-size: 1.4rem;
      text-align: center; }
    .goto-block ul {
      margin: 0 0 5px 0; }
    .goto-block ul li {
      font-size: 1.2rem; }
  .goto-head {
    margin: 0 0 8px 0;
    font-size: 1.4rem; }
  .goto-onegai {
    margin: 5px 0 0 0;
    font-weight: bold; } }

#goto-form {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px auto;
  padding: 30px 3%;
  background: #fff;
  border-radius: 10px; }
  #goto-form h2 {
    margin: 0 0 30px 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center; }
  #goto-form .form-tab ul {
    margin: 0 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #goto-form .form-tab1 ul {
    border-bottom: 3px solid #789ef0; }
  #goto-form .form-tab2 ul {
    border-bottom: 3px solid #ff972f; }
  #goto-form .form-tab ul li {
    width: 49%;
    height: 60px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 60px; }
  #goto-form .tab1 {
    background: #789ef0; }
  #goto-form .tab2 {
    background: #ff972f; }
  #goto-form .form-tab ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all  0.6s ease;
    -o-transition: all  0.6s ease;
    transition: all  0.6s ease; }
    #goto-form .form-tab ul li a:hover {
      opacity: 0.8;
      -webkit-transition: all  0.6s ease;
      -o-transition: all  0.6s ease;
      transition: all  0.6s ease; }
  #goto-form #contact-intro {
    margin: 0 0 20px 0;
    text-align: center; }
  #goto-form .formTable {
    width: 100%;
    margin: 0 0 20px 0; }
  #goto-form .formTable th {
    width: 20%;
    font-weight: bold;
    background: #dbdbdb;
    text-align: right; }
  #goto-form .formTable td, #goto-form .formTable th {
    padding: 14px;
    border: #bdbdbd 1px solid; }
  #goto-form .required {
    padding: 0 0 0 10px;
    color: red; }
  #goto-form .sankasya-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px 0;
    line-height: 40px; }
  #goto-form .formTable .select-a-wrap {
    background: #f7f7f7;
    border: solid 1px #ccc; }
  #goto-form .sankasya-wrap .select-a {
    font-size: 1.4rem;
    z-index: 1; }
  #goto-form .goto-hotel {
    margin: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 40px; }
  #goto-form .goto-hotel input {
    width: 300px;
    margin: 0 10px 0 10px; }
  #goto-form .goto-btn {
    text-align: center; }
  #goto-form .goto-btn button {
    margin: 0 0 20px 0; }
  #goto-form .h1-form {
    font-weight: bold;
    text-align: center; }
  #goto-form #form-btn-submit {
    margin: 0 0 20px 0; }

@media (max-width: 960px) {
  #goto-form {
    margin: 0 auto 40px auto;
    padding: 20px 0;
    border-radius: 0; }
    #goto-form h2 {
      margin: 0 0 10px 0;
      font-size: 1.6rem; }
    #goto-form .form-tab ul {
      margin: 0 0 10px 0; }
    #goto-form .form-tab1 ul {
      border-bottom: 3px solid #789ef0; }
    #goto-form .form-tab ul li {
      width: 49%;
      height: 40px;
      font-size: 1.4rem;
      line-height: 40px; }
    #goto-form #contact-intro {
      margin: 0 0 10px 0;
      text-align: left;
      font-size: 1.2rem;
      padding: 0 3%; }
    #goto-form .formTable {
      width: 100%;
      margin: 0 0 20px 0; }
    #goto-form .formTable th {
      width: 100%;
      font-weight: bold;
      background: #dbdbdb;
      text-align: left; }
    #goto-form .formTable td, #goto-form .formTable th {
      width: 100%;
      padding: 10px 3%;
      border: none;
      display: block;
      font-size: 1.2rem; }
    #goto-form .required {
      padding: 0 0 0 0;
      color: red; }
    #goto-form .sankasya-wrap {
      display: block;
      margin: 0 0 5px 0;
      line-height: 1.8; }
    #goto-form .sankasya-wrap .select-a-wrap {
      background: #f7f7f7;
      border: solid 1px #ccc; }
    #goto-form .sankasya-wrap .select-a {
      font-size: 1.4rem;
      z-index: 1; }
    #goto-form .goto-hotel {
      margin: 0 0 5px 0;
      display: block;
      line-height: 1.8; }
    #goto-form .goto-hotel input {
      width: 100%;
      margin: 0 0 10px 0; }
    #goto-form .goto-btn {
      padding: 0 3%;
      text-align: center; }
    #goto-form .goto-btn button {
      margin: 0 0 10px 0; } }

#goto-thanks {
  font-weight: bold;
  font-size: 2.0rem;
  text-align: center; }

@media (max-width: 960px) {
  #goto-thanks {
    padding: 0 3%;
    font-size: 1.6rem;
    text-align: left; } }