@charset "UTF-8";

/*
 * - - - - - - - - - - - - - -
 * event
 * - - - - - - - - - - - - - -
 */

.contact-bt-container{
  position: relative;
}
.contact-bt IMG{
  position: absolute;
  width: 58%;
  left: 0;
  right: 0;
  margin: auto;
}
.contact-bt IMG:hover{
  filter: brightness(1.2);
}


 .content {
   width: 100%;
   margin: 0px auto;
   max-width: 750px;
 }

.slide{
  width: 100%;
  overflow-x: scroll;
}

.main-img{
  max-width: 750px;
  width: 100%;
}

#faq{
  padding: 0px 60px;
  margin-bottom: 150px;
}
#faq .item{
  border-bottom: 1px solid #B4B4B4;
    margin-bottom:50px;
}

#faq .item .q{
  background-image: url('/assets/images/event/q-icon.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 50px;
  font-size: 30px;
  padding: 2px 0px 2px 80px;
}
#faq .item .a{
  background-image: url('/assets/images/event/a-icon.svg');
  background-repeat: no-repeat;
  background-position: left top 50px;
  background-size: 50px;
  font-size: 25px;
  padding: 50px 0px 50px 80px;
}
#faq .item small{
  display: block;
  margin: 20px 0px 0px 0px;
  font-size: 21px;
}

 @media (max-width: 576px) {

   #faq{
     padding: 0px 30px;
     margin-bottom: 150px;
   }

   #faq .item .q{
     background-size: 40px;
     font-size: 20px;
     padding: 2px 0px 2px 60px;
   }
  #faq .item .a{
    background-position: left top 30px;
    background-size: 40px;
    font-size: 16px;
    padding: 30px 0px 30px 60px;
  }
  #faq .item small{
    display: block;
    margin: 20px 0px 0px 0px;
    font-size: 14px;
  }
 }


 @charset "UTF-8";

 /*
  * - - - - - - - - - - - - - -
  * form
  * - - - - - - - - - - - - - -
  */
  #form{
    margin-top: 0px;
    margin-bottom: 50px;
 }

 @media (min-width: 1200px){
   #form .container {
       max-width: 900px !important;
   }
 }
 @media (min-width: 992px){
   #form .container {
       max-width: 900px !important;
   }
 }

 #form fieldset{
   padding: 20px 0px;
   border-bottom: 1px #ccc dotted;
 }

 #form .error{
   color:#ff0000;
   background: #fef3f1;
 }

 #form input[type="text"],
 #form textarea {

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 #form input[type="text"],
 #form textarea {
   outline: none;
   padding: 2px;
   font-size: 1.2em;
   margin: 0px 5px 10px 5px;
   border: 1px solid #aaa;
   -webkit-transition: all .3s;
   transition: all .3s;
   width: 100%;
 }

 #form input[type="text"]:focus,
 #form textarea:focus {
   box-shadow: 0 0 7px #8f9190;
   border: 1px solid #3e3e3e;
 }
 #form .row{
   margin: 0px !important;
 }
 #form .form-label{
   font-size:16px;
   font-weight: bold;
   background-color:#eee;
   padding: 10px;
   margin-bottom: 20px;
 }
 #form .form-label .required{
   color: #ff0000;
   float: none;
   display: inline-block;
 }
 #form .form-tel input{
   width: 30%;
   margin: 0px;
 }
 #form .submit-btn{
  background-color: #01a0e9;
  color: #fff;
  font-weight: bold;
  padding: 20px 90px;
  width: 100%;
  border-radius: 20px;
  border: none;
  box-shadow: 0px 8px rgba(0,0,0,0.1);
 }
 #form .back-btn{
   background-color: #fff;
   color: #000;
   padding: 20px 90px;
   background: #fff;
   -webkit-appearance: none;
   width: 100%;
   margin-bottom: 10px;
   border: 1px solid #ddd;
   border-radius: 20px;
   box-shadow: 0px 8px rgba(0,0,0,0.1);
 }
 @media (min-width: 992px) {
   #form .form-label{
     background-color:#fff;
   }
   #form .form-label .required{
     float: right;
   }
   #form .form-tel input{
     width: auto;
   }
   #form .back-btn, #form .submit-btn{
     width: auto;
     margin-bottom: 0px;
   }
   #form input[type="text"]{
     width: auto;
   }
 }
 #form select{
   font-size: 1.2em;
   padding: 4px;
   margin: 0px 5px 10px 5px;
   border: 1px solid #aaa;
   font-family: system-ui;
 }

 #form .newflow ol {
 	background: #e8e8e8;
 	height: 52px;
 	margin: 0 0 10px 0;
 	padding: 0;
 	width: 100%;
 	overflow: hidden;
 	font-size: 0.8em;
 }

 #form .newflow ol li {
 	margin: 0;
 	padding: 0;
 	float: left;
 	list-style: none;
 	font-weight: bold;
 	background: url(/form/images/flow_arrow.gif) no-repeat right top;
 	line-height: 1.3em;
   width: 33%;
 }

 #form .newflow ol li span {
   margin: 0;
   padding: 6px 0px;
   display: block;
   text-align: center;
 }


 #form .newflow ol li.active {
 	color: #333;
 	background: #F7F1DE url(/form/images/flow_arrow_a.gif) no-repeat right top;
 }

 #form .newflow ol li.active span {
 	background:#F7F1DE url(/form/images/flow_arrow_a.gif) no-repeat right top;
 }

 #form .newflow ol li.pre span {
 	background: url(/form/images/flow_arrow_b.gif) no-repeat right top;
 }

 #form .price-table .row{
   border-bottom: 1px solid #000;
 }
 #form .price-table .col-md-4{
   border-right: 1px solid #000;
 }
 #form .price-table .row:last-child{
   border-bottom: none;
 }

 #form .label-box LABEL{
   border: 1px solid #ddd;
   width: 100%;
   padding: 10px;
   margin-top: -1px;
 }
 #form .label-box LABEL INPUT{

   margin-right: 10px;
 }

 .datepicker-days th.dow:first-child,
 .datepicker-days td:first-child {
     color: #f00;
 }
 .datepicker-days th.dow:last-child,
 .datepicker-days td:last-child {
     color: #00f;
 }
 .datetimepicker{
   width: 25% !important;
   min-width: 150px !important;
 }
 .datetimepicker{
     margin: 0px !important;
 }
 #form .datetimepicker-h{
   height: 33px !important;
 }
 #form .datetimepicker-h .input-group-text{
   padding:3px 10px;
   border-radius: 0px 10px 10px 0px;
 }
 #form .input-group-text{
   display: unset;
 }
 #form .date SELECT{
   margin-left: -5px;
 }
 @media (max-width: 768px) {
   #form .price-table .select-box{
     background-color: #007bff;
     color:#fff;
   }
   #form .price-table .row{

   }
   #form .price-table .col-md-4{
     border-right: none;
   }
 }

 #content-header{
   background-color: #3AA4CA;
   color: #fff;
   margin-bottom: 50px;
   text-align: center;
   padding: 25px;
   font-size:22px;
 }

 /*
  * - - - - - - - - - - - - - -
  * price-table
  * - - - - - - - - - - - - - -
  */
 article .price-table {
   width: 100%;
   max-width: 650px;
   border-collapse: collapse;
   border: 1px solid #707070;
   margin:auto;
 }
 article .price-table U{
   border-bottom:5px solid #ffffcc;
   text-decoration: none;
 }

 article .price-table thead{
   background-color: #F5F5F5;
 }
 article .price-table TH {
   font-weight: bold;
 }
 article .price-table TD, article .price-table TH {
   border: 1px solid #707070;
   padding: 10px;
   margin: 10px;
 }


/*
 * - - - - - - - - - - - - - -
 * footer
 * - - - - - - - - - - - - - -
 */
footer{
  background-color:#1675be;
  font-size: 16px;
  color:#fff;
  padding: 40px 10px 10px 10px;
  margin-top: 100px;
}
footer .d-md-flex{
  width: fit-content;
  margin: auto;
}

footer A{
  color:#fff;
}

footer A:hover{
  color:#fff;
}

footer .f-links ul{
}
footer .f-links li{
  display: inline-block;
  margin-right: 20px;
}

footer .f-logo{
  float: left;
}
footer .f-logo IMG{
  width: 50px;
  height: 50px;
  margin-right:20px;
}

.insta-ico{
  width: 80px;
  margin: 10px 0px;
}